HTML5新语义元素
2017-12-31 本文已影响11人
XERO75
- <main>元素：声明主内容区（只能有一个）。
- <section>元素：定义文档或应用中一个通用的区块（关键是要知道这个元素不是为应用样式而存在的，若是请用div元素，tips：一般用section包装可见组件）。
- <nav>元素：包装指向其他页面或同意页面不同部分的主导航链接(使用nav嵌套多个a标签来代替使用ul和li来写导航)。
- <article>元素：用于包含一个独立的内容块，明显可以放到article元素中的内容有博客正文和新闻报道。对于嵌套<article>而言，内部的<article>应该与外部的<article>相关。
- <aside>元素：用于包含与其旁边不相关的内容，实践中多用于包装侧边栏（也适合包装特出引用、广告和导航元素。基本上任何与主内容无直接关系的都可以放里面）。
- <figure>和<figurecaption>元素：可用于包含注解、图示、照片、代码，等等。
- <detail>和<summary>元素：这是一个“展开”/“收起”部件。用户单击一段摘要，就会打开相应的补充内容面板。
<details>
<summary>I hate 15 scones in one day</summary>
<p>of course，I didn't. It would probably kill me if I did. </p>
</details>
8.<header>元素：可以将<header>元素用在站点页头作为“报头”，或者在<article>元素中用作某个区块的引介区，可以在一个页面中出现多次（比如页面内每个section中都可以有一个header）。
9.<footer>元素：用于在相应区块中包含与区块相关的内容，可以包含指向其他文档的链接，或者版权声明。可以出现多次，比如可以作为博客的页脚，同时用它包含文章的末尾部分。
10.<address>元素：用于标记联系人，为最接近的<article>和<body>元素所用。但它不是为包含邮政地址准备的，邮政地址应放在传统的<p>标签里。
11.<
h1-h6>元素：HTML5规范说：“h1-h6元素不能用于标记副标题、字幕、广告语，除非想把他们用作新区块或子区块的标题。”
