html - 章节、文章或 Div？节和文章标签中的较小文本？

Question

最近我去了w3schools New HTML5 Elements并发现了“section”和“article”标签。我的问题是什么时候应该使用节、文章或 div 标签，为什么当我使用节和文章标签时文本变小？像这样:

<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>

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

Answer 1

When to use section:

The section element represents a generic document or application section…The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead.

Helpful rules of thumb from Html5doctor:

• 不要仅仅将它用作样式或脚本的钩子(Hook)；那是一个 div
• 如果 article、aside 或 nav 更合适，请不要使用它
• 不要使用它，除非该部分的开头自然有标题
• 使用 article 代替联合内容

When to use article:

The article element represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content

当没有其他元素可以在语义上更好地描述它，或者您需要一个语义上无意义的样式 Hook 时，请使用 div。

h1 看起来不同的原因是不同的浏览器呈现它们的方式不同。您可以跨浏览器规范化事物，并使用 css reset 处理默认浏览器样式表。 .