HTML5:文章内容?

时间:2013-08-25 15:12:45

标签: html5

如果我们有博客帖子列表,例如:http://www.gamempire.it/news 我认为每个帖子都可以是<article>,但页面标题(“Novità”)可能是<h1>,是什么的语义标题?一节?

所以,我不知道这样做是否更好:

<section>
  <h1>Novità</h1>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</section>

或:

<article>
  <h1>Novità</h1>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</article>

4 个答案:

答案 0 :(得分:10)

你的第一种方法肯定更好。您应该将article放在section


htlm5doctor上查看这两个帖子:

  1. Section
  2.   

    section元素表示通用文档或应用程序节... section元素不是通用容器元素。当一个元素仅用于样式目的或作为脚本编写的便利时,鼓励作者使用div元素。一般规则是,只有元素的内容在文档大纲中明确列出时,section元素才适用。

    1. Article
    2.   

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

答案 1 :(得分:4)

就规格而言,<article>sectioning content,因此accepts any flow, sectioning and palpable content (except <main>)包括其他<article>

就语义而言,它取决于:文章是独立的,独立的组合,可以包含其他文章,只要这些文章也是独立的,独立的组合,同时也是主要组成的一部分。

  

当文章元素嵌套时,内部文章元素代表文章 原则上相关外文的内容。例如,网站上接受用户提交的评论的博客条目可以将评论表示为嵌套在博客条目的文章元素中的文章元素。

答案 2 :(得分:0)

正确的方法是:

<section>
  <article>...</article>
  <article>...</article>
  <article>...</article>
</section>

由于<section>表示您网站中可能包含您网站内容的内容,因此<article>是一段内容。

答案 3 :(得分:-1)

实际上,您可以将<article>嵌套为<article>

的孩子

参见参考资料 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article