HTML部分与Div标签

时间:2014-09-18 13:42:35

标签: html5 css3

由于我们计划使用HTML5和CSS3编写自己的前端框架,但与我的团队的争论是,是否使用section标记作为轮廓包装,因为W3.org has not approved the section tag yet

但是,当我进行一些辩论时,我对section标签的可用性还没有得到正确的结论,希望我能在这里正确地总结这个主题!

谢谢,并问候

2 个答案:

答案 0 :(得分:3)

我认为你可以应用“常用用法”的逻辑。使用图标的i标签略有不同但relatable question。虽然情况略有不同,但原则是相同的。这意味着section标签虽然可能未经W3C技术认可,但却被广泛使用。许多WordPress主题和模板使用它,而WordPress现在占据了互联网的很大一部分。

在我坚持这样说之前,我并不是说使用不好的做法或者在任何时候使用标签只是因为其他人都这么做。我的意思是,如果它在语义上使用,在正确的上下文中按照W3C specification正确使用那么那就好了。

div标记有时没有意义,当您清楚地划分具有标题和文本正文的区域时,请使用section。如果您正在创建一个框,以便将其他元素放入页面的某个部分以获取菜单或评论或某些内容,那么这不是section的正确类型,因此请使用{{ 1}}或其他标签更合适。

毕竟,SO博客使用它们:SO use of section tag

w3c website也是如此 W3C example of section use

答案 1 :(得分:0)

比较区段与div的观点不好!

我们具有页眉,部分,页脚等,以对页面段进行分类。

这些段中的每个段都可以具有几个div标签,以在每个段中以适当的位置和方式制作子元素。

因此,细分是我们为达到良好的写作,阅读效果,特别是针对每天都会开发以分析页面的特定网络机器人而要做的工作... 尽管div标签对于从技术上和实践上正确地了解我们的元素很重要。

<header>
  <h1> ... </h1>
</header>

<section>
  <h2>  ...  </h2>
  <div>
     <form>
          ...
     </form>
  </div>
</section>

<footer>
  <div>
     <p> ... </p>
  </div>
</footer>