HTML 5 元素,非 JS 回退



让我从我的网络开发情况下的"限制"开始。
1.( 网站必须在IE7中工作。
2.( 网站必须适用于非 js 浏览器。

我的情况非常繁重。在这种情况下,谷歌排名就是一切。
HTML 5添加了文章,页眉,页脚等标签,我的理解是这些标签可以改善SEO。
话虽如此,我的两个限制使这些标签的实现变得更加困难,如果不是不可能的话。我知道填充码选项,但是,对于不使用 JS 的用户,这些选项是不可能的,因为它们不是真正的解决方案。

一个想法突然出现在我的脑海中,我只是想得到一些反馈,看看这是否可行。请参阅下面的代码:

.HTML:

<header><div class="header">Header content</div></header>

.CSS:

header, .header { identical properties }

这是一个可能的解决方案吗?
如果是这样,在标记中将标题标签放在第一位还是将div 标签放在第一位是明智的?我最初的想法是HTML 5元素,以确保搜索引擎对其进行扫描。

没有证据表明标记的SEO效果,如articleheaderfooter等。关于他们有很多猜测。

像你描述的那样使用冗余标记是无害的,但与简单的div元素(而这些元素又只需要样式或脚本,如果有的话(相比,它不会产生任何有形的收益。嵌套的顺序无关紧要,但由于新元素基本上是出于文档目的,因此将它们用作外部元素而div作为内部元素会更自然。

如果您真的想包含标头标签,那么这看起来是一个很好的解决方案。

我能补充的唯一建议是确保标头标签和 .header 类的"相同属性"不包含填充或边距等属性,因为这些属性可以应用于支持 HTML5 的浏览器中的标头和 .header(有效地加倍填充或边距(。

此外,META 标签对 SEO 很有用,所以也不要忘记这些!

最新更新