我有一个由各种"部分"组成的页面,比如视频、新闻提要等..我有点困惑如何用HTML5来表示这些.目前我把它们命名为HTML5 <section>s,但进一步判断后发现,更正确的标签应该是<article>.谁能帮我解释一下吗?

这些东西都不是真正意义上的博客帖子或"文档",所以很难看出应用哪种元素.

干杯

编辑:我 Select 使用article标签,因为它似乎是不相关元素的容器标签,我猜我的"部分"就是.然而,实际的标记名文章似乎有相当的误导性,尽管他们说HTML5的开发更多地考虑到了Webapplications,但我发现很多标签更多地是以博客为中心/基于文档的.

无论如何,谢谢你的回答,这似乎是相当主观的.

推荐答案

W3 wiki page about structuring HTML5名中,它说:

100:用于将不同的物品分成不同的目的或

然后显示我清理过的an image个:

在此处输入图像描述

它还描述了如何使用<article>标签(来自上面相同的W3链接):

<article><section>有关,但明显不同.

在我们的示例中,<section id="main">包含博客条目.每个博客 条目将适合作为RSS提要中的项目进行辛迪加,并且 在脱离上下文的情况下单独阅读是有意义的,因此 <article>对他们来说是完美的:

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

很简单吧?不过请注意,您也可以在其中嵌套部分 文章,在有意义的地方这样做.例如,如果每一个 这些博客帖子有一个一致的 struct ,由不同的部分组成,那么 你也可以在你的文章里加几个章节.它可能看起来 大概是这样的:

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Html相关问答推荐

使用固定的HTML代码创建两个可向右滚动的行

CSS位置:固定尊重母公司的保证金属性.""'为什么?

如何使用bslb设置可导航页面侧边栏的样式

将弹性容器设置为内容宽度

为什么不是所有字体好的图标都能与boostRapCDN一起使用呢?

我希望创建一个对角手风琴与不同的内容(文本和图像)在其正常状态和其他元素悬停

如何创建剪切到路径的循环文本字幕?

在css中,如何在英雄版块的标题后面做一个粘性的导航栏?

为什么根捕获上的`min-height`溢出,而`height`没有?

使具有FLEX父项的溢出自动的子元素收缩

在TWebLabel标题中设置换行符/换行符的方法?

将文本保持在平行四边形内并遵循形状

是否可以制作响应式 CSS 剪辑路径?

jquery向单词中的一组字母添加跨度

带有数据 URI 的音频在 Chrome 中失败

显示填充正方形的图形的简单页面的 HTML 代码

在带有换行文本的工具提示中显示溢出文本

需要禁用聚焦输入的工具提示(jquery)

尽管设置了 width:100% left:0,但居中对齐的 CSS 动画并不对称

如何让我的页脚背景跨越整个视口?