问题标签 [html-heading]

如果我正在寻找良好的 HTML5 语义实践，以及 CEO 的优化代码。将画布放在标题中，效果会很差吗？

我的意思是，这个：

取而代之的是：

有没有办法使用 CSS 在标题旁边显示一行？这是我正在谈论的图像：

我可以使用静态背景图像来完成，但这需要为每个标题自定义 CSS。而且我可以在 上使用:after和背景颜色做一些 hacky 的东西h1，但它不会在渐变背景下看起来正确。

我想用 CSS 做这个，而不是 JavaScript。如果它在旧浏览器中不起作用，那很好。

更新：

在过去，我做过这样的事情：

<h1><span>Example Text</span></h1>

虽然这样可行，但它很hacky，而且它不适用于渐变背景，因为它span必须具有纯色背景。

我真正想要的是这样的：

<h1>Example Text</h1> h1 {background-image:url("line.png");} /* but don't appear under the example text */

我:after在原帖中说错了，我在想我过去遇到的另一个问题。

我想知道在标题上使用不同的字体粗细在语义上是否正确。例如，我有一个h1作为主标题，我正在使用h1，因为我希望搜索引擎知道这是我的主标题，但我不想使用重量级，我想使用自定义重量（100）。这样做在语义上是否正确？还有其他语义上更正确的方法吗？

我想展示“情绪分析”，这样 S 应该比h5文本大得多。

以下代码有什么问题：

HTML：

CSS：

CodePan 中的实时代码

我开始学习 HTML，在我正在学习的课程中，它告诉我在正文中包含带有<p>段落标签的文本。但是，在不同的部分，它只是告诉我在<h1>标签之间放置一些文本，结果似乎是一样的。标签是否<p>必须包含在标题标签之间？

header我了解每页使用多个元素在语义上是可以接受的。根据http://html5doctor.com/the-header-element/，对其使用的主要限制是它应该包含一个标题元素。

似乎合乎逻辑的是，每<header>一种都会重置标题的层次结构——所以我在每一种中使用的标题<header>应该是<h1>. 但这导致或多或少只<h1>被使用过，因为我很少需要在给定的标题中包含子标题。

我的问题是，在标题中使用标题更合适——它们是否应该遵循页面上标题的层次结构（所以一个更无关紧要的标题会有一个<h4>标题），还是可以设置标题大多数时候给定的标题<h1>，因为它实际上代表该特定标题的标题，而不是页面？

即使我删除了外部文本样式表，我也无法更改 h2 的打印字体大小。我已经尝试了所有我能想到的东西，但是 h2 的字体大小仍然固定在大约 16 磅（不过，其他一切都可以）。我究竟做错了什么？蒂亚...

我尝试将我的 h1 居中在 body 标签中，如下所示：

http://jsfiddle.net/qPDwY/

但它不居中。我如何解决它？

我正在尝试使用与页面其余部分的标题不同的字体系列来设置标题中的所有标题的样式，但我无法将样式仅应用于特定的标题 ID。

这是我尝试过的：

但这会导致所有 h1/2/3/4 标签都使用 Helvetica 字体，无论它们是否在标题 div 中。我确定我错过了一些简单的东西，有人可以帮忙吗？谢谢！

这是HTML代码：

这是CSS：

出于某种原因，h3 在 div 中占用了大量空间（看起来填充对我来说很大，但因为我已将其设置为 0，所以这不可能）。.box_heading出于演示目的，我已经设置了边界。图片在这里：

图片链接：http: //imgur.com/vDs1KYs
-蓝色为div边框，黑色为H3边框。

编辑：如果可能的话，我还希望标题以 div 为中心，而不是超出边界。