通过代码示例跟我学html5相关技术——html5中的主要语义标签及应用实例

通过代码示例跟我学html5相关技术——html5中的主要语义标签及应用实例内容摘要：

提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 10/22 页 10 这是 Web 页面中实现主要导航条超链接的容器标签。 （ 2） nav标签应用要点 它只应该应用于导航条超链接的定义中，而不应该将此标签元素应用于普通的超链接的定义中。 比如，尽管在一个 footer 标签元素中包含有导航超链接，也不需要将这些超链接封装在 nav 标签元素中，因为 footer 元素将可以独自包括这些超链接。 （ 3） nav标签的应用示例 !DOCTYPE HTML html body nav a href=首页 /a a href=上一页 /a a href=下一页 /a /nav /body /html （ 4）应用 ul标签包装各个导航超链接的示例 !DOCTYPE HTML html body nav ul lia href=菜单一 /a/li lia href=菜单二 /a/li lia href=菜单三 /a/li lia href=菜单四 /a/li /ul /nav /body /html 由于 ul标签定义的为符号列表，因此也还必须要应用 CSS 定义，否则将会默认显示出如下的效果。 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 11/22 页 11 HTML 5 中的 article语义标签元素的应用示例 （ 1） article标签的主要功能 article标签元素用于定义在文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容，这些内容可以是来自一个外部的新闻系统所提供的一篇新的文章，或者来自某个 blog 的文本信息或者是来自某个论坛系统的文本信息，亦或是来自其它外部信息源—— 例如新闻项目、博客或评论等的内容。 （ 2） article标签的应用示例 html body article h5HTML5 项目 /h5 pHTML5 是用于修正现在 html 的下一个网页规范 /p pHTML5 是万维网结构方面的标准 /p /article /body /html article标签是可以嵌套 article标签的 HTML 5 中的 section语义标签元素应用示例 （ 1） section标签的主要功能 此标签元素表示文档或应用程序的一部分，最终实现对内容的分块。 例如，文章或教杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 12/22 页 12 程的一章或一节。 在一个 section标签中一般包括标题和内容相关的标签。 （ 2） section标签的应用示例 section h1所支持的主要语言 /h1 article h2中文 /h2 p中文主要应用于中国人 … /p /article article h2英语 /h2 p英语主要应用于英国和美国 .../p /article article h2法语 /h2 p法语主要应用于法国人 .../p /article /section HTML 5 中的 aside语义标签 元素应用示例 （ 1） aside标签的主要功能 此标签元素通常可以用于标记页面内容中的边栏文字信息，它类似于布局中的辅助侧边栏 —— 比如说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容信息。 应用此标签的一个示例就是广告块或对内容的注释说明文字。 （ 2） aside标签的应用示例 aside h1HTML5 中的 aside /h1 p aside 标签元素通常可以用于标记页面内容中的边栏文字信息或一些将认为与其周围内容有点无关的内容信息 —— 比如说明、提示、边栏、引用、附加注释等 /p /aside 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 13/22 页 13 HTML 5 中的 hgroup语义标签元素应用示例 （ 1） hgroup标签的主要功能 在某些情况下，页面、文章或区域可能需要多个标题，例如，页面中有一个标题和一个副标题或者子标题。 可以在 hgroup 元素中封装这些标题，然后再使用 h1 元素表示主标题， h2 元素表示副标题等。 （ 2） hgroup标签的应用示例 article hgroup h1HTMl5 简介 /h1 h2HTML5 的现状 /h2 /hgroup pHTML5 是 HTML 的第五个版本„ /p aside h1HTML5 的日程 /h1 pHTML5 还只是个草案 /p /aside /article （ 3）另一个示例 article header hgroup h1主标题 /h1 h2子标题 /h2 /hgroup /header p正文 ....p /artilce HTML 5 中的 address语义标签元素的应用示例 （ 1） address地址标签元素的主要功能 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 14/22 页 14 在该标签中一般包括文档的作者及其信息，如 blogs 地址，邮箱等。 （ 2） address标签的应用示例 footer div address a title=XXXX 博客 href=链接 XXXX 博客 /a /a。