问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

html5标签语义化 （section article）到底该如何应用

头像
前端狗
    5821218
    <section>
到底该应用到什么地方
</section>

<artcle>
到底该应用的生地方
</article>

    求解答图片描述

    研究了一下 <section></section> 主要用于 页面上的版块
    用于划分页面上的不同区域,或者划分文章里不同的节

    <article></ article > 用来在页面中表示一套结构完整且独立的内容部分
    可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等。

    html5html语义化
    阅读 6.2k
    2 个回答
    得票最新
    头像
    JellyBool
      16.2k125165
      ✓ 已被采纳

      什么叫语义化？不就是用响应的单词来表示么？最基础的理解就是这样....
      何况你这个自己说得很清晰，还有啥问题？个人理解是这样
      div > section > article 这种层级关系，当然，在使用上还是看你的哈。

      <html>
<head>
<title></title>
<body>
    <header><nav></nav></header>
    <section>
        <article><figure></figure></article>
    </section>
    <section>
        <article><figure></figure></article>
    </section>
    <section>
        <article><figure></figure></article>
    </section>
</body>
</head>
</html>
      头像
      KevinYue
        5.3k4915

        article使用的地方题主已经说了，相比与article，section的含义更通用，它用来表示文档的节。使用的时候遵循以下原则：

        • 不要用它来定义样式，不要对它进行脚本控制，div更合适
        • 如果用article,nav, aside来描述更合适的话，就不要使用section
        • section里面的内容通常以h1~h6开始，否则的话，不要使用section

        推荐关注一下html5doctor，里面对每一个标签都作了详细的介绍。

        参考

        The section element

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题