HTML宝典(第 1 版)
2.1.6 section元素
阅读(

HTML基础

HTML元素

结构语义元素

article元素

main元素

nav元素

header元素

h1~h6元素

section元素

section元素代表文档或应用的一个一般的区块,一个区块通常是具体相同主题的一组内容通常会包含一个标题元素(h1~h6),通过标题元素来确定一个区块的主题。如:

<article>
    <header>
        <h1>The Very First Rule of Life</h1>
        <p><time datetime="2016-8-8">3 days ago</time></p>
    </header>
    <section>
        <h2>Red Delicious</h2>
        <p>...</p>
    </section>
    <section>
        <h2>Granny Smith</h2>
        <p>...</p>
     </section>
</article>

section 可以是章节、标签式对话框中的各种标签页、论文值带编号的区块。如网站的主页可以分成介绍、新闻条目、联系信息的区块。

可以将 section 嵌套在 article 中,来显式的标示出一篇文章、一篇新闻报道、一篇博客等文章的不同部分或不同章节。

当然,如果一块内容仅仅在视觉上是一个整体,语义上并非一个主题,建议使用 div,而不要使用 section元素。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验