HTML5新语义元素

  1. <main>元素:声明主内容区(只能有一个)。
  2. <section>元素:定义文档或应用中一个通用的区块(关键是要知道这个元素不是为应用样式而存在的,若是请用div元素,tips:一般用section包装可见组件)。
  3. <nav>元素:包装指向其他页面或同意页面不同部分的主导航链接(使用nav嵌套多个a标签来代替使用ul和li来写导航)。
  4. <article>元素:用于包含一个独立的内容块,明显可以放到article元素中的内容有博客正文和新闻报道。对于嵌套<article>而言,内部的<article>应该与外部的<article>相关。
  5. <aside>元素:用于包含与其旁边不相关的内容,实践中多用于包装侧边栏(也适合包装特出引用、广告和导航元素。基本上任何与主内容无直接关系的都可以放里面)。
  6. <figure>和<figurecaption>元素:可用于包含注解、图示、照片、代码,等等。
  7. <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元素不能用于标记副标题、字幕、广告语,除非想把他们用作新区块或子区块的标题。”

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和c...
    浪漫歌阅读 394评论 0 0
  • 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要...
    DecadeHeart阅读 3,462评论 0 3
  • HTML 5的革新之一:语义化标签一节元素标签。 在HTML 5出来之前,我们用div来表示页面章节,但是这些di...
    吴越公子阅读 778评论 0 0
  • git add . git commit -m "first commit"//提交到要地仓库,并写一些注释 gi...
    maybeshi阅读 180评论 1 0