问题标签 [html-heading]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

253 问题

0 投票

2 回答

838 浏览

html - 如何在 html5 中的标题、部分、文章等中使用 h1 到 h6？

在 xhtml 1.0中， hn（h1 到 h6）必须表示文档结构，就像书中的章节一样，它们都来自body. 在 html5 中有section, article, header, hgroup, 并且似乎hn标签来自这些标签之一，然后与 body 元素无关。像

在 xhtml 1.0 中，我会这样做：

是否有意义？或者我应该遵循与 xhtml 1.0 相同的规则并忽略部分、标题等...并制作相对于正文元素的 hn 标签？

关于语义和 SEO 的建议和答案对我来说是最有价值的。

0 投票

5 回答

265 浏览

html - html 标头是否总是必须从 1 开始计数？

我说的是正确的语义标记。

我知道通常没有理由不从 h1 开始，然后从那里往下走。

但是，如果我正在构建类似侧边栏的东西，它有自己的独立层次结构，那么最佳实践是什么？我知道我可以从 h1 开始并使用 css 规则来区分侧边栏 h1 和主 h1，但如果我从 h3 开始，可能会有更好的机会，我不必写那么多 css，因为它会直接匹配，或者至少更接近于主要的 h3。

同时，这不是严格意义上的语义，是吗？

这里有最佳实践吗？（我主要关心屏幕阅读器看起来最好的东西）

html accessibility semantic-markup html-heading

0 投票

5 回答

5782 浏览

jquery - 使用 jQuery 对标题 H1-H6 自动编号

我阅读了相关的帖子，但没有找到 IE 的解决方案，所以我要求一个 jQuery 解决方案来解决这个问题：

我有一些像这样的嵌套分层标题

我需要一些像这样的自动标题输出：

有没有办法在 IE6+ 中使用 jQuery 或类似方法来实现这一点？

jquery html automation html-heading

0 投票

3 回答

552 浏览

seo - 可以将 H1/H2/H3 标签包裹在多列设计 div 周围作为标题吗？

下面的语法是否可以很好地强调一个总计约 20 ~ 30 个单词的多列标题？我不想使用 CSS3 多列，因为 IE9 等不支持它。

seo search-engine html-heading

0 投票

1 回答

75 浏览

html - 段落标题大小

在此示例中，标头不是标头的正常大小。请解释。

html html-heading

0 投票

1 回答

616 浏览

margin - CSS标题标签“标准”？

在我应用 css 重置后，我正在寻找一种方法来标准化我的 h1、h2、h3 等标签，我知道这主要取决于设计，但我记得在一个网站上看到有某种“黄金比例”在文本大小、行高和边距底部之间，这将提高可读性并改善页眉在页面上的显示方式。

你们中有人知道这样的事吗？

margin font-size css html-heading

0 投票

3 回答

5397 浏览

html - css 如何使 H2 标签看起来与 H3 标签相同（结果很难！）

我正在寻求建议……为我的问题寻求解决方案。

我正在为我的博客编写一个新的 wp 主题。

我遇到的问题是，我在主页和类别页面上发布了链接（导致发布的链接）。在主页上，此链接有 h3 标签，流动性原因（网站的 h1 标题，类别的 h2 标题，h3 帖子标题）。现在在类别页面上，我有不同的流程（h1 类别名称，h2 帖子标题）。问题是设计明智，它们必须看起来相同......所以我的挑战是让类别页面上的 h2 看起来与主页上的 h3 相同。

事实证明这并不容易。首先，我必须使用较小的字体。这对我来说很奇怪，我不得不设置 h2 0.8em 和 h3 1em。这是处理这个问题的正确方法吗？而且，即使我在两个标题上都有 0 边距，但还是出现了一些奇怪的间距......

所以这是最终结果，这使得 h2 看起来像 h3 （必须使用较小的字体，h2 上的行高，以及 margin-bottom 更多 3px 更多）。

我的问题是，如果这是实现这个结果的好方法吗？还是我的通用重置文件有问题？？

包括图像以更清晰地查看事物：

http://imageshack.us/photo/my-images/33/unled1hg.jpg/

你可以看到两个页面：http: //artvard.com/category.html http://artvard.com/main.html

html css html-heading

0 投票

1 回答

240 浏览