html5知识点补充—section元素的使用

2024年3月29日 99次阅读 来源: 两仪

使用section元素对内容分组

section元素是一个总是需要标题的内容区域或页面区域。可以用它将多个部分的内容组合在一起，也可以根据需求，将内容的某一部分进一步划分。它不可用作通用封装器来实现样式上的需求。section元素中可以包含article元素，并且article元素也可以将其内容分割为section。

<section>
    <h1>Sports News</h1>

    <p>we'll put sports news here</p>
</section>
<section>
    <h1>Entertainment News</h1>

    <p>Entertainment news will go here.</p>
</section>

<section>
    <h2>Nerdy News</h2>

    <p>news for nerds will go in this section of the page.</p>
</section>

article和section的选择

目前来看，section元素的使用方式和div标记的使用方式很相似。不过，与div 不一样的是section具有语义含义，它是一组相关内容的组合。

section中可以包含article。假设有一个新闻页面，它可能有一个新闻版块，而在该板块中又有不同类别的新闻。

    原文作者：两仪
    原文地址: https://segmentfault.com/a/1190000003493243
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞