HTML5标记顺序

您写HTML5标记的顺序有关系吗？HTML5标记顺序

例如可以在导航之前的标题或部分之前写入导航？

我会说是，因为标签本身表明它不是订单。

有兴趣听听其他人的想法，特别是在SEO方面。

2013-09-29 Stephen Wilson

是否可以在nav之前的页眉或段之前写入nav？

是的。这是HTML5的改进之一：感谢sectioning elements and the outlining algorithm，我们不必单独依赖标题（请参阅下面的示例）。但是，如果您并不总是（如果适用）使用分段元素和header/footer，则在某些情况下，顺序可能很重要（如HTML 4.01中的情况）。

搜索引擎优化方面是一个完全不同的问题，不能一般回答，因为有无数的搜索引擎，他们可能每天都会改变他们的解释。一个更好的地方可能是Webmasters SE。

下面的实施例创建相同文件概述：

<article id="example-1"> 
    <nav>…</nav> <!-- before the article heading --> 
    <h1>My article</h1> 
    <h2>Foo is great</h2> 
    <p>…</p> 
    <h2>Bar, too</h2> 
    <p>…</p> 
</article> 

<article id="example-2"> 
    <h1>My article</h1> 
    <nav>…</nav> <!-- after the article heading --> 
    <h2>Foo is great</h2> 
    <p>…</p> 
    <h2>Bar, too</h2> 
    <p>…</p> 
</article>

相应轮廓是：

1. "My article" (article, h1) 
    1.1 untitled (nav, no heading) 
    1.2 "Foo is great" (implicit section; h2) 
    1.3 "Bar, too" (implicit section; h2)

此示例创建不同的文档大纲，但文件的含义（或可能更好，本质）是一样的：

<article id="example-3"> 
    <h1>My article</h1> 
    <h2>Foo is great</h2> 
    <p>…</p> 
    <h2>Bar, too</h2> 
    <p>…</p> 
    <!-- article’s end --> <nav>…</nav> 
</article>

大纲是：

1. "My article" (article, h1) 
    1.1 "Foo is great" (implicit section; h2) 
    1.2 "Bar, too" (implicit section; h2) 
    1.3 untitled (nav, no heading)

只要你不要在另一个切片元素巢nav，它可以在这个article出现在任何地方。

从 header/ footer和切片元件

散则顺序（良好，内容顺序）是有意义的，当然。

明显的例子：

<ol> 
    <li>Foo</li> 
    <li>Bar</li> 
</ol> 

<p>Then I danced.</p> 
<p>Then I woke up.</p> 

<h4>Noodle soup</h4> 
<h3>Dreams</h3>

等

来源

2013-10-02 09:09:38 unor

谢谢，非常详细的回复。非常感激。小号 –

像HTML，头部和身体的主要结构标签需要始终按正确的顺序。但其他所有元素并不重要。你不应该把你的网站内容放在head或者html标签之前。将您的网站内容始终放在<body>...</body>部分。

在SEO方面，最好的做法是让网站用干净，正确的代码编写，内容独一无二。

来源

2013-09-29 15:25:01 CodeShark

正确，而且从这个角度看，HTML 5与以前的版本没有什么不同。 – Pavlo

感谢您的回应，但我指的是HTML内容中的内容......如果问题不清楚，请致歉。 –

回答

相关问题