HTML 头标签的顺序错误

发布于 2024-10-20 12:02:59 字数 567 浏览 4 评论 0原文

在此处输入图像描述

在此布局中，它无效，因为 H1 不是第一个呈现的头元素...这是一个可怕的罪恶还是可以？有办法解决这个问题吗？两列的长度都是可变的，所以我看不到任何解决办法。

引用

有人要求我引用此内容：

http://www.w3.org/WAI/ER/IG/ert/ert-19991221.html#Technique3.5.A

应检查标头元素（H1-H6）以确保它们按照以下规则嵌套文档中的第一个标题元素必须是 H1 文档中只能有一个 H1 元素标题级别的增加不得超过 1 级。示例：H1 后面的 H2 很好。 H1 之后的 H3 很糟糕。标题元素可以减少任何级别。示例：H5 后面的 H2 就可以。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

余罪 2024-10-27 12:02:59

不同标签在哪里呈现并不重要，重要的是语义。 H1 只是表示标题级别高于 H2、H3 等。

回复收藏 0 原文

(り薆情海 2024-10-27 12:02:59

应该可以解释为某些

的副标题。

在 HTML5 中，您可以通过嵌套

标签来定义文档层次结构，并完全忽略

-

标签。您可以在此处查看 HTML5 文档大纲，其中说明了此属性。

当然，最简单的解决方法是将列按其他顺序浮动。目前它们都向左浮动。切换标记中的顺序，向右浮动，突然间，标题的顺序就正确了！

^{顺便说一句，您的网站的“本周焦点”部分的语义是错误的。它应该更像这个}

回复收藏 0 原文

酒与心事 2024-10-27 12:02:59

我不知道 H1 不是页面上的第一件事有什么大不了的。我知道谷歌会查看标题来尝试建立上下文。例如，他们说应该只有一个 H1 标签，并且应该是一个很好的短标题来描述页面的内容。一般来说，h1 下方的文本（或副标题）应该随之而来，越来越详细地描述您的内容的内容。无论如何，这就是理论。

无论如何，像这样的事情怎么样？

<body>
    <div style="float: right; width: 25%;">
        <h1>your h1 text</h1>   
    </div>
    <div style="float: left; width: 75%;">
        content goes here
    </div>
</body>

I don't know how big of a deal it is that H1 isn't the first thing on the page. I know Google will look at headings to try to establish context. They say that there should only be one H1 tag, for example, and that it should be a good short heading that describes the content of the page. In general, the text (or subheadings) underneath the h1 should then follow suit describing what your content is about in greater and greater detail. That's the theory anyway.

In any case, what about something like this?

<body>
    <div style="float: right; width: 25%;">
        <h1>your h1 text</h1>   
    </div>
    <div style="float: left; width: 75%;">
        content goes here
    </div>
</body>

回复收藏 0 原文

~没有更多了~