html5标签语义化 (section article)到底该如何应用

发布于 2022-08-30 01:21:27 字数 460 浏览 15 评论 0

<section>
到底该应用到什么地方
</section>

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

求解答图片描述

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

关于从前 2022-09-06 01:21:27

什么叫语义化?不就是用响应的单词来表示么?最基础的理解就是这样....
何况你这个自己说得很清晰,还有啥问题?个人理解是这样
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>
幸福还没到 2022-09-06 01:21:27

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

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

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

参考

The section element

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文