gpt4 book ai didi

HTML5 header 标记和 SEO/绝对位置

转载 作者:搜寻专家 更新时间:2023-10-31 22:50:31 24 4
gpt4 key购买 nike

我想把我的标题和我的导航(带有 html5 标记)放在我网站的底部

绝对位置(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>

最佳答案

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

但是,HTML5 的主要目标之一是改进代码的语义。这就是引入新元素以赋予其更多意义的原因。

所以从语义的角度来看,这确实不是最好的方法。最佳做法是 html 应按内容从上到下的顺序排列。如果页脚不用作页脚,那么最好使用通用容器,例如 div。但是,如果它被用作页面的主要页脚,它实际上应该位于文档的末尾。

不过我要指出的是,您可以在一个页面中使用多个 headerfooter 元素。

关于HTML5 header 标记和 SEO/绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6644592/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com