文档介绍:该【网页设计-网页设计HTML5新增结构标签ppt课件 】是由【bai1968104】上传分享,文档一共【14】页,该文档可以免费在线阅读,需要了解更多关于【网页设计-网页设计HTML5新增结构标签ppt课件 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。第10讲HTML5新增文档结构标签
<header>标签
<article>标签
<section>标签
<nav>标签
<aside>标签
<footer>标签
为了更好地表达HTML的文档结构和语义,HTML5新增了许多用于表示文档结构方面的元素,用以取代HTML4中的DIV元素。HTML5提供的文档结构标签主要有以下几个:
header
article
section
nav
aside
footer
作用
<header>定义了页面或内容区域的头部信息,诸如放
置在页面头部的站点名称、Logo和导航栏、搜索框以及
放置在内容区域的标题、作者、发布日期等信息。
基本语法
<header>头部相关信息</header>
语法解释
<header></header>标签对之间可以包含h1~h6
六个标题以及p、span等标签。
<header>标签
<header>应用示例
作用
<article>用于表示页面中一块独立的、完整的相关内
容块,可独立于页面其他内容使用。例如一篇完整的论坛
帖子、一篇博客文章、一个用户评论、一则新闻等。
基本语法
<article>独立的文档内容</article>
语法解释
<article>通常会包含一个header(包含标题部分)
或标题字以及一个或多个section或p标签。
<article>标签
<article>应用示例
作用
<section>用于对页面的某块内容进行分块,如将文
章划分不同的章节。
基本语法
<section>块内容</section>
语法解释
<section></section>标签对之间通常由标题及内
容组成,所以其中一般会包含h1~h6以及p等标签。
<section>标签
<section>应用示例
作用
<nav>用于定义页面上的各种导航条,一个页面中可以
拥有多个nav元素,作为整个页面或不同部分内容的导航。
基本语法
<nav>…</nav>
<nav>标签
<nav>应用示例