我可以为 H1 和 H2 提供相同的字体大小吗[关闭]答案

【问题标题】：Can I give the same font size for H1 and H2 [closed]我可以为 H1 和 H2 提供相同的字体大小吗[关闭]
【发布时间】：2014-10-02 19:51:42
【问题描述】：

我正在 w3c 验证器中验证我的代码。

我收到以下错误：-

考虑仅将 h1 元素用作顶级标题（所有 h1 元素都被许多屏幕阅读器和其他工具视为顶级标题）。

问题是我网站中最大的字体大小是 18px 。滑块中的文本和正文中的一些标题使用 18px 字体大小。

我可以为 H1 和 H2 提供相同的字体大小，并在 slier 中使用 H1，在正文中使用 H2 吗？

谢谢

【问题讨论】：

【解决方案1】：

你不应该对正文使用任何标题标签，它应该只用于标题。这是关于语义的。

H1 表示它是顶级标题。 H2 将是 H1 等的子类。

如果您想要更大的字体，您可以使用 CSS 来更改段落的大小或创建可以应用于任何需要更大字体的元素的类。

如果您需要滑块或任何其他元素的特定大小，只需将一个类附加到它并设置正确元素的样式。

话虽如此...您当然可以制作任何您喜欢的尺寸，但是您最好忘记验证，因为这是不好的做法。

【讨论】：

【解决方案2】：

你使用什么 css 取决于你。您可以根据需要使用相同的字体大小。忘记 W3C 验证器中的错误，它仍然需要 type="text/css" 作为

【讨论】：

【解决方案3】：

如何设置标题和段落文本等单个标签的样式（即大小、重量等）完全取决于您。重要的是这些标签应用背后的逻辑。将您的页面想象成一个大纲，内容中会出现一个自然的层次结构，将用户从一条信息引导到另一条信息。

验证者推荐很重要。 @rahiil 为使用类提供了一个很好的建议，但我认为“忘记 W3C 验证器中的错误”是一个糟糕的建议。格式良好、有效且语义化的标记之所以好的原因有很多，但有两个非常重要的原因是：

可访问性：如果您通过使用适当的标签为您的内容提供基本路线图，为他们提供上下文，则实际上无法看到屏幕上的内容的人可以更好地理解页面的内容。
SEO：您的页面排名受您编写标记的方式影响。虽然 Google 没有公布其计算 PageRank 的确切算法，但他们确实明确（在他们的视频、网站管理员工具等中）语义很重要，建议您只使用 one @ 987654321@ 标记在您的页面上。

如果您想通过放大来强调页面上的某些内容以获得视觉效果，请使用 Rahiil 提供的建议并创建一组类，您可以将这些类应用于您的文本元素以轻松设置不同大小的样式。

【讨论】：