H5 新增标签
HTML5的新特性主要是针对以前的不足,增加了一些新标签,新表单和新表单属性。但是这些标签大多都存在兼容性的问题,基本是IE9以上的版本才支持
header/nav
头部标签 <header></header>
和div一样的效果,但更具有语义性。用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等
导航标签 <nav></nav>
用于定义页面的导航链接。导航链接可以是页面的主要导航链接,也可以是页面的局部导航链接。一个页面可以包含多个 <nav>
标签
main
主要内容标签 <main></main>
用于定义文档的主要内容。主要内容是指文档的主要内容区域,不包括页眉、页脚、侧边栏等内容。一个文档只能有一个 <main>
标签
article
内容标签 <article></article>
用于定义页面独立的内容,比如一篇文章、一篇博客、一篇论坛帖子等等。一个页面可以包含多个 <article>
标签
section
区域标签 <section></section>
用于定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。一个页面可以包含多个 <section>
标签
aside
侧边栏标签 <aside></aside>
用于定义页面的侧边栏内容。侧边栏内容可以是与页面内容相关的内容,也可以是独立的内容。一个页面可以包含多个 <aside>
标签
footer
页脚标签 <footer></footer>
用于定义页面或文章的页脚。页脚通常包含文档的作者、版权信息、联系方式、站点地图、友情链接等内容。一个页面可以包含多个 <footer>
标签
details
细节标签 <details></details>
用于定义额外的细节,用户可以点击查看。<summary>
标签用于定义 <details>
元素的标题。<details>
标签的内容是用户可以点击查看的内容