任务3.4 HTML5页面构成.pptxVIP

模块3认识HTML5的文档结构任务3.4HTML5页面构成网页设计项目教程（HTML5+CSS3+JavaScript）

学习目标?用header、nav、main、article、aside、footer组织页面知识目标掌握HTML5页面的主要组成部分；熟悉各语义化标签的功能与用法；了解div通用容器的作用。能力目标能用语义化标签组织完整页面结构；能区分不同语义标签的适用场景。素养目标树立语义化与无障碍开发意识；培养结构化、模块化思维；提升代码可读性与协作效率。02

任务描述?HTML5通过语义化结构元素建立清晰的文档层级HTML5通过语义化结构元素建立清晰的文档层级典型页面包含页眉、导航、主体内容、文章、区块、附注栏、页脚等核心模块，本任务将从宏观视角拆解HTML5页面的构成要素。header页头main主体aside附注footer页脚03

3.4.1页面主要组成部分?语义化标签让页面结构更清晰、便于解析结构与导航header承载页头，可含标题与导航。nav用于定义核心导航的链接集合。main标识页面唯一的主要内容区。内容与附属article表示自成一体的独立内容。section表示按主题划分的章节。aside存放附注；footer存放页脚信息。04

HTML5页面的构成?用语义化标签划分页头、导航、主体与页脚head