【文档说明】网页设计-网页设计HTML5新增结构标签课件.pptx，共(14)页，494.217 KB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-92669.html

以下为本文档部分文字说明：

第10讲HTML5新增文档结构标签•10.1概述•10.2<header>标签•10.3<article>标签•10.4<section>标签•10.5<nav>标签•10.6<aside>标签•10.7<footer>标签•为了更好地表达HTM

L的文档结构和语义，HTML5新增了许多用于表示文档结构方面的元素，用以取代HTML4中的DIV元素。HTML5提供的文档结构标签主要有以下几个：headerarticlesectionnavasidefooter10.1概述•作用<header>定义了页面或内容区域

的头部信息，诸如放置在页面头部的站点名称、Logo和导航栏、搜索框以及放置在内容区域的标题、作者、发布日期等信息。•基本语法<header>头部相关信息</header>•语法解释<header></header>标签对之间可

以包含h1~h6六个标题以及p、span等标签。10.2<header>标签<header>应用示例•作用<article>用于表示页面中一块独立的、完整的相关内容块，可独立于页面其他内容使用。例如一篇完整的论坛帖子、一篇博客文章、

一个用户评论、一则新闻等。•基本语法<article>独立的文档内容</article>•语法解释<article>通常会包含一个header(包含标题部分）或标题字以及一个或多个section或p标签。10.3<article>标签<arti

cle>应用示例•作用<section>用于对页面的某块内容进行分块，如将文章划分不同的章节。•基本语法<section>块内容</section>•语法解释<section></section>标签对之间通常由标题及内容组成，所以其中一般会包含h1~h6以及p等标签。10.4<sect

ion>标签<section>应用示例•作用<nav>用于定义页面上的各种导航条，一个页面中可以拥有多个nav元素，作为整个页面或不同部分内容的导航。•基本语法<nav>…</nav>10.5<nav>标签<nav>应用示例•作用<aside>

用于定义当前页面或当前文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等内容，通常作为侧边栏内容。•基本语法<aside>…</aside>10.6<aside>标签<aside>应用示例•作用<footer>主要用

于为页面或某篇文章定义脚注内容，包括文章的版权信息、作者联系方式等内容，一个页面可以包含多个footer元素。•基本语法<footer>脚注内容</footer>10.7<footer>标签<footer>应用示例