css - 在页面上使用多个 h1

标签 css html

<分区>

我又来了,问我几个月前问过的同样问题。但是不,我不认为这是重复的,因为对此有太多相互矛盾的答案,我发现很难确定正确的答案。

seroundtable.com 说,

H1 tags should be used for what they were originally created for: organizing your documents to stress the key points.

也就是说,搜索引擎认为 h2 不如 h1 重要是不合逻辑的。

ehow.com 是这样说的,

it is recommended that a page should always have an H1 element, but only one. The H1 tag should include the main keywords targeted within the page.

所以这与几个月前在 S/O 上提供给我的答案相矛盾。所提供的答案大致是这样的,“您可以拥有任意数量的 h1 标签”(我问的是当我需要超过 6 个时如何使用它们的问题)。

所以现在我很困惑。

我相信通过使用许多 h1 向查看者和搜索引擎发送不太清楚的信息。但是我也觉得把 p 标签设为 28px;

我该怎么办?这里的问题是,这是一个独特的设计,所有 5 个主要导航链接都水平分布并且大小相同。我想对它们都使用 h1,我不想使用 h1h2h3,因为所有链接 - 在这种情况下 - 都具有同等值(value)。我的意思是,你不敢试图将一页的重要性传递给另一页。

最佳答案

您可以在一个页面中拥有任意数量的 h1 标签 (w3c specs)。

但是,在您的情况下,我建议使用列表或导航菜单(如果您使用的是 html5,则包裹在导航元素中)。指向其他页面的链接不是标题,也不是您页面上最重要的元素。

您应该为实际标题保留使用 h1-6。

关于css - 在页面上使用多个 h1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23820719/

上一篇:jquery - 如何控制 div 重叠?

下一篇:标题居中的html表格?

相关文章:

PHP Simple Dom - 在类似于 + CSS 选择器的元素后立即获取元素

javascript - masonry 图像不垂直堆叠

css - ie10结合flexbox伪元素消失

css - 向线性渐变填充 div 添加双边框也会使边框着色

css - 包含特定形状的背景(如钻石)

jquery - 动画线条

javascript - eBay 中的价格趋势功能在 IE 中如何工作?

html - 动态宽度与百分比一起使用

javascript - 网页和 chrome 扩展的 localStorage 不同

html - 如何在中心垂直对齐两个 div,并在底部保留一个 div?