何时使用 HTML 部分或文章标签以获得良好的语义结构
When to use HTML section or article tag for a good semantic structure
我在特定页面上有以下结构和内容:
<header>
// Logo
// Site navigation
</header>
<main>
<article>
<section>
// Hero image or video block
</section>
<section>
// Here all kinds of paragraphs are rendered (e.g: Call to action, related video's block to this page, related actors block related to this page etc.
// All those blocks has their own <section> tag
</section>
</article>
</main>
所以在上面的例子中 <article>
我有 2 个 <section>
标签然后在第二个 <section>
我有更多的 <section>
标签嵌套。这是正确的做法吗?
通常,article
标签会用在博客页面上,用于一个页面上多篇博客文章的集合(即包含多个 <article>
标签),或者用于单个文章页面(即包含 one <article>
标签)。无论如何,一篇文章应该在主题上独立存在,其理解不依赖于文章标签之外的任何其他内容。
<section>
s 类似,但用于涵盖特定页面(也在文章中)处理的一般主题的几个方面。在某些情况下,这两者可以互换,但通常从字面上解释“文章”一词可以帮助 IMO。
我在特定页面上有以下结构和内容:
<header>
// Logo
// Site navigation
</header>
<main>
<article>
<section>
// Hero image or video block
</section>
<section>
// Here all kinds of paragraphs are rendered (e.g: Call to action, related video's block to this page, related actors block related to this page etc.
// All those blocks has their own <section> tag
</section>
</article>
</main>
所以在上面的例子中 <article>
我有 2 个 <section>
标签然后在第二个 <section>
我有更多的 <section>
标签嵌套。这是正确的做法吗?
通常,article
标签会用在博客页面上,用于一个页面上多篇博客文章的集合(即包含多个 <article>
标签),或者用于单个文章页面(即包含 one <article>
标签)。无论如何,一篇文章应该在主题上独立存在,其理解不依赖于文章标签之外的任何其他内容。
<section>
s 类似,但用于涵盖特定页面(也在文章中)处理的一般主题的几个方面。在某些情况下,这两者可以互换,但通常从字面上解释“文章”一词可以帮助 IMO。