Question

我想将我的标题和导航（带有html5标记）放在我网站的底部

absolute position (top:10px}

它是否有效（即在页脚后面的网站底部有一个标题？）

<!-- language-all: lang-html -->

<body>
<aside></aside>
<div id="main" role="main"></div>
<aside></aside>
<footer></footer>
<nav>link1 link2</nav>  <--- absolute position top : 150px
<header>                <--- absolute position top : 50px
<h1>Blabla</h1>
</header>

Answer 1

从技术角度来看，代码将验证为HTML5。

然而，HTML5的主要目标之一是改进代码的语义。这就是为什么新元素被赋予更多意义的原因。

所以从语义的角度来看，这并不是最好的方法。最佳做法是html应该按照从上到下的内容顺序流动。如果页脚没有用作页脚，那么最好使用一般的容器，例如div。但是，如果它被用作页面的主页脚，它应该真正位于文档的末尾。

我会指出，您可以在页面中使用多个header和footer元素。

Answer 2

根据HTML 5规范，body元素的内容模型只是Flow Content。

请参阅http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-body-element

流内容可以包含标题元素和页脚元素。订单未指定。

你很好。

顺便说一句，我能够成功验证，在HTML {5}页脚后面有一个带标题的HTML 5。所以，如果W3C表示没问题，我会说你很高兴。

HTML5标题标记和SEO /绝对位置

2 个答案: