HTML 标签答案

【问题标题】：HTML tagHTML 标签
【发布时间】：2011-03-23 01:25:39
【问题描述】：

正在使用多个

<strong>

标签实际上使单词更强大？

即是

<strong><strong>abc</strong></strong>

强于

<strong>abc</strong>

?

我问这个是因为如果你查看朝鲜官方网站的 HTML 源代码， http://www.korea-dpr.com/ 你会看到它有很多强大的标签。这应该是类似于 IE hack 的东西吗？

提前致谢。

【问题讨论】：

他们希望证明朝鲜拥有世界上最强大的联系。
什么？该页面中有超过 9000 个（实际上是 900 个）强大的元素。
哇，刚刚查看了那个来源，然后......哇。他们可能正试图与搜索引擎博弈。我怀疑这种方法是否能达到他们想要的效果。或者他们可能正试图让屏幕阅读器对人们大喊大叫。
昨天发布在 The Daily WTF thedailywtf.com/Articles/Strong-Web-Design.aspx
虽然官方的官网一般都很专业，当然这可能是个例外……

标签： html tags

【解决方案1】：

是的，你可以嵌套强标签，你嵌套的越多，它就会变得越强。虽然我会说超过 2-3 个嵌套是无关紧要的。

a 的相对重要性级别一段内容是由它给出的祖强元素数量；每个强元素都会增加其内容的重要性。

来源：HTML 5 spec

一些现代用户代理会将font-weight:bolder; 应用于strong，但由于它已经粗体，您不会真正注意到视觉上的差异。如果需要，您可以应用诸如 % 之类的规则，以便嵌套的强元素变得更大，如另一个答案中所示。

~~某些屏幕阅读器可能会大声说出单词。~~

根据this，似乎 JAWS/Window Eyes 屏幕阅读器并不表示重要性。

【讨论】：

你有这个来源吗？我相信你，但我对细节很好奇。
@Gert G - 实际上我错了。我更新了一个测试链接。
哇，想象一下一个屏幕阅读器，它逐渐大声地指示单词，试图阅读该网站。耳朵会流血。
别介意我的最后评论。有时我只需要读两遍。编辑：哦，但你刚刚做到了。我的错。

【解决方案2】：

理论上，我认为可以通过这样的相对 CSS 声明来做到这一点：

strong { font-size: 120%; }

【讨论】：

font-size 只会增加文本的大小，而不是重量。我想他需要的是font-weight。请参阅下面的答案。

【解决方案3】：

 是一个语义标签，就像所有的 HTML 标签一样。它并不是说那个词是粗体的，而是强调强调。你必须使用 CSS 来设置元素的样式。我建议你阅读这个CSS Property: font-weight 和整个网站。无论如何，通常网络字体没有超过一个级别的“粗体”，所以你必须以另一种方式表示强调（字体大小、颜色等......）

【讨论】：

根据 CSS1 标准，它们确实有超过 1 级的粗体，因此 font-weight 属性有“粗体”和“较轻”的值。你是对的，但是它在大多数浏览器中看起来并没有太大的不同，所以实际使用是有问题的。
他说的是字体本身。 IE。您将拥有 Verdana Medium 和 Verdana Bold，但不会有 Verdana Book、 Verdana Extra Light、 等。跨度>

【解决方案4】：

就像其他人所说，如果您希望每个嵌套的百分比更大，请使用百分比。如果你想（我不知道你为什么要）明确控制你可以走多远以及需要哪些其他属性，那么你也可以说

strong { font-weight: 100; }
strong strong { font-weight: 300; font-size: 1.1em }
strong strong strong { font-weight: 500; font-size: 1.1em; color: red; }

编辑：按百分比，我的意思是使用字体粗细：加粗...不是百分比字体粗细（我不确定是否支持）

【讨论】：

我相信 font-weight:normal; = 字体粗细：400；所以它应该从那里开始:)

【解决方案5】：

我不认为嵌套 标签会使其更强大。

编辑我猜我错了嵌套粗体标签使字体根据其他答案更强大。

我建议使用带有类名的 CSS 而不是 。 CSS font-weight 属性提供了多种选项，您可以使用这些选项将单词逐渐加粗

.strong
{
    font-weight: bold; 
    /* Other options bold, bolder, lighter, normal, 100...900 */
}

.stronger
{
    font-weight: bolder;
}

.strongest
{
    font-weight: 900;
}

【讨论】：

把它变成一个类是没有意义的。无论如何，您都应该使用 CSS 重置，那么为什么要为已经内置的东西创建一个新类呢？另外，我认为类选择器在 CSS 渲染速度方面效率最低，所以使用内置的 标签也会更快（虽然我不确定是否会有明显差异）
@Bradley Herman，这只是一个例子。在实际工作中，它可能会与其他 CSS 属性结合以提供所需的完整结果。您还可以制作多个类，例如.strong、.stronger 和.strongest。
我没有投票给你，但原因可能是你的原始帖子是简单 CSS 的 CSS 替代品。如果您正在为标签设置样式，则不需要类名。您的编辑确实有意义，因为它现在是嵌套多个强标签的更可取的解决方案。
在我原来的例子中只有一个 .strong 类。但它是一个类，因此它可以应用于任何元素，而不仅仅是 标签。