Question

我昨天和朋友有点意见不一致，而不是继续进行一场永无止境的讨论，我想我只会在这里问。

我最近使用HTML5语义对网站进行了编码。该页面内容相对较少，我将其包装在文章标签中。

您可以在此处查看该页面及其来源：http://inneresauge.co/

对于那些不喜欢点击链接的人来说，这是低位......

<div id="container">
    <header>
    <h1 id="logo"><a href="index.html">Inneres Auge Co.</a></h1>
    <nav id="main-nav">
        ...
        </nav>
        ...
    </header>
    <article id="main">
        <p>We're <strong>Inneres Auge Company</strong>, a creative media company that knows no limits.</p>
        <p>We do everything and more, from mobile games and apps to web sites and platforms to video and audio production.</p>
        <p>The best thing about it?<br />
        We're amazing at all of them!</p>
        <p>Don't believe us?<br />
        Just see for yourself...</p>
    </article>
</div>

我认为部分不合适，因为它确实不是页面中可以独立存在的单个部分，然而单独的文本可以独立存在而不会感觉不合适，这就是我想的原因文章是最好的选择。

这里最好的选择是什么？文章，部分或者只是一个简单的div，因为它们都不是很好的匹配？

如果有任何其他非语义/不正确的html元素用法，请随时提及。

Answer 1

对我来说看起来不像是一篇文章。根据规范：

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

http://dev.w3.org/html5/spec-author-view/the-article-element.html#the-article-element

我不认为该文本实际上是一个可重复使用的自包含组合。这是营销模糊，对公司的介绍。

虽然<section>，我认为，没关系：

section元素表示文档或应用程序的通用部分。在此上下文中，一个部分是内容的主题分组，通常带有标题。

部分的示例可以是章节，选项卡式对话框中的各种选项卡式页面，或论文的编号部分。 网站的主页可以分为几个部分，用于介绍 [强调我的]，新闻项目和联系信息。

http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element

我认为你只有一个部分并不重要 - 规范并没有说你需要多个<section>。（公司可能会在稍后向页面添加其他部分。）

当然，这完全是一种解释问题。它没有太多实际后果。

Answer 2

W3C规范

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

示例here

文章元素是一种特殊的部分;它具有比章节更具体的语义含义，因为它是一个独立的，独立的相关内容块。我们可以使用section，但是使用文章为内容提供了更多的语义含义。

Answer 3

对我来说，div看起来最适合这里。 article通常实际上有一个标题，而你的标题却没有。如果网站实际上被分成多个部分，section是合适的，但正如你所说，你的不是，但我认为它仍然可以使用。

我写了一些关于它的信息：HTML5: Section or Article?这可能会有所帮助。

Answer 4

每当你问自己“这在语义上是否正确？”你应该咨询“神谕”。他们是

W3和WHATWG重要的是

可独立分发或可重复使用

所以在你的情况下<article>不是语义。

[WHATWG <section>]陈述

在此上下文中，一个部分是内容的主题分组，通常带有标题

内容组是否有标题？我说是。它是

我们是Inneres Auge公司

如果您认为内容没有标题，请使用<div>如果您认为它有标题，请将其打包在<header>

再远一点，你有<div><header></header><article></article></div>我认为外部div应该是<section>

HTML5 <article>标记是否适合此主页上的文本？</article>

4 个答案: