主要内容的HTML5语义文章标记

语义：您想让它们正确但有时它们只是令人困惑。主要内容的HTML5语义文章标记

网站的文档结构：

<body> 
    <header> 
    <div id="main"> 
     <header> (not on every page) 
     <div id="content"> 
     <footer> (not on every page) 
    <aside> 
    <footer>

它是语义正确的更换的div＃主与文章标签？

来源

2011-04-05 DADU

按照http://html5doctor.com/the-article-element/这是一种有效的语义编码方式。它被称为“一种博客式的<article>”。

根据您的结构，您也可以用文章替换#content。

不要忘了包括http://code.google.com/p/html5shiv/，虽然你在它，如果你为你的网站在HTTPS也考虑协议相对URL（谷歌它），所以你不必检测之间的HTTP开关和https。

来源

2011-04-05 20:21:52 hoopyfrood

谢谢！ HTML5 Shiv已经包含在内。要明确一点，当文章元素的内容对其自身有意义时，文章元素的用法在语义上是正确的？ – DADU 2011-04-05 20:32:50

按HTML5doctor道：“

元素是一种特殊的

;它有一个更具体的语义比在

这是相关内容的独立，自成一体块中，我们可以使用

，但使用

提供了更多。对内容的语义意义。“ - 所以我会说是的！:) – hoopyfrood 2011-04-06 05:36:17

我认为用<section>标记替换它会更合适。 <article>标签适用于博客文章，论坛帖子或报纸文章（因此是标签的名称）。

相比之下，<section>标签适用于文档中更通用的内容部分，因此更适合于这种情况。

这是所有much better explained by Mark Pilgrim在DiveIntoHTML5.ep.io

来源

2011-04-05 20:29:49 vindia

文章元素可以很容易地站在它自己的，但不是最好的其他部分元素的章节元素？ – DADU 2011-04-05 20:45:40

也许，但据我了解你的结构，你已经有另一个带有ID内容的'div'，所以我猜这就是'

'标签更合适的地方，而'

'更合适。 – vindia 2011-04-05 20:56:39

'section'中的'article'可能不是你想要的，它会创建一个错误的轮廓。在这里只使用'article'就行了。它不限于在可以用术语“文章”描述的内容中使用。元素名称不能以这种方式读取/理解。 – unor 2012-08-27 12:42:09

使死人复活在这个问题上，目前公认的答案很快就会是不正确的。有一个针对您需要的<main>元素的扩展草案。此外，它还可以自动浏览器中的ARIA role="main"以获得更好的可访问性。请参阅此链接了解更多信息：https://dvcs.w3.org/hg/html-extensions/raw-file/tip/maincontent/index.html

本规范是对HTML5规范[HTML5]的扩展。它定义了一个元素，用于识别文档的主要内容区域。 HTML5规范中的所有规范性内容，除非被此规范明确覆盖，否则打算成为本规范的基础。

主要元素形式化识别文档的主要内容部分的常见做法是使用id值（如 'content'和'main'）。它还定义了一个HTML元素，体现了WAI-ARIA [ARIA]里程碑式角色=主要的语义和功能。

<main> 

    <h1>Apples</h1> 
<p>The apple is the pomaceous fruit of the apple tree.</p> 

<article> 
<h2>Red Delicious</h2> 
    <p>These bright red apples are the most common found in many 
    supermarkets.</p> 
    <p>... </p> 
    <p>... </p> 
    </article> 

    <article> 
    <h2>Granny Smith</h2> 
    <p>These juicy, green apples make a great filling for 
    apple pies.</p> 
    <p>... </p> 
    <p>... </p> 
    </article> 

</main>

来源

2012-12-19 10:10:58 rickyduck

文章中有一个说明，说明main标签符合HTML5.1规范。期待更广泛的支持 – mente 2013-04-20 08:14:48

主要内容的HTML5语义文章标记

回答

相关问题