部分,文章或Div？和部分和文章标签中的较小文本？

Question

最近我去了w3schools 新的HTML5 Elements并发现了"section"和"article"标签.我的问题是你什么时候应该使用section,article或div标签,为什么当我使用section和article标签时文本会变小？像这样:

<section><h1>H1 tag in a section tag</h1></section>
<article><h1>H1 tag in an article tag</h1></article>
<h1>H1 tag in nothing</h1>

复制并粘贴到此处.(只是为了方便而把它放在那里)

Answer 1

何时使用section:

section元素表示通用文档或应用程序节... section元素不是通用容器元素.当为了样式目的而需要一个元素或为了编写脚本时,鼓励作者使用div元素.

来自Html5doctor的有用的经验法则:

• 不要将它用作造型或脚本的钩子; 那是一个div
• 如果或更合适article,请不要使用它asidenav
• 除非在该部分的开头有自然的标题,否则不要使用它
• 使用article而不是为联合内容

何时使用article:

article元素表示页面的一个组件,该组件由文档,页面,应用程序或站点中的独立组合组成,并且旨在可独立分发或可重用,例如在联合中.这可以是论坛帖子,杂志或报纸文章,博客条目,用户提交的评论,交互式小部件或小工具,或任何其他独立的内容项目

使用div时没有其他元素可以更好的语义描述它,或者你需要的造型语义上无意义的钩.

h1s看起来不同的原因是因为各个浏览器以不同的方式呈现它们.您可以跨浏览器规范化事物,并使用css重置处理默认浏览器样式表.