如何以及何时在HTML中使用重点标记

您将在网页设计教育早期学习的标签之一是一对称为“强调标签”的标签。让我们来看看这些标签是什么以及它们如何在今天的网页设计中使用。

回到XHTML

如果您在几年前学习HTML，那么在HTML5兴起之前，您可能使用了粗体和斜体标记。正如您所料，这些标记分别将元素转换为粗体文本或斜体文本。这些标签的问题，以及为什么它们被推到一边以支持新元素（我们将在稍后讨论），它们不是语义元素。这是因为它们定义文本的外观而不是文本信息。请记住，HTML（这些标签将被写入的地方）完全是关于结构，而不是视觉风格！视觉效果由CSS处理，网页设计最佳实践一直认为，您应该在网页中明确区分样式和结构。这意味着不使用非语义的元素，而不是结构的细节。这就是为什么粗体和斜体标签通常被强（粗体）和强调（斜体）取代的原因。

和

强大和强调元素为您的文本添加信息，详细说明应该区别对待的内容，并在说出内容时强调这些内容。您使用这些元素的方式与过去使用粗体和斜体的方式非常相似。只需使用开始和结束标签环绕您的文本（ 和 强调和 和 强调重点）并强调所附文本。

您可以嵌套这些标记，哪个是外部标记无关紧要。这里有些例子。

强调本文 并且大多数浏览器会将其显示为斜体。

强调这个案文 并且大多数浏览器会将其显示为粗体。

在这两个例子中，我们都没有用HTML来规定视觉外观。是的，默认外观 标签将是斜体和 会大胆，但这些外观很容易在CSS中改变。这是两全其美的。您可以利用默认的浏览器样式在文档中获得斜体或粗体文本，而不会实际跨越线条和混合结构和样式。说你想要那个 文本不仅是粗体，而且也是红色，你可以将它添加到CSS

强{ 红色;}

在此示例中，您不需要为粗体字体权重添加属性，因为这是默认值。但是，如果您不想将其置之不理，您可以随时将其添加到：

强{ font-weight：bold; 红色;}

现在你几乎可以保证在任何地方都有一个带粗体（和红色）文本的页面 使用标签。

重点加倍

我在一年中注意到的一件事是，如果你试图加倍强调会发生什么。例如：

这个文本应该有两个 粗体和斜体 里面的文字。

您会认为此行会生成一个区域，其中包含粗体和斜体的文本。有时这确实会发生，但我看到一些浏览器只尊重两种强调样式中的第二种，即最接近实际文本的那种，并且只显示为斜体。这是我没有加倍强调标签的原因之一。

避免这种“加倍”的另一个原因是出于文体目的。一种强调形式，如果通常足以传达你想要设定的音调。您不需要使用粗体，斜体，颜色，放大和下划线文本以使其突出。所有那些不同类型的重点都将成为那个文本。所以在使用强调标签或CSS样式时要小心，不要过分强调它。

关于粗体和斜体的注记

最后一个想法 - 虽然大胆（）和斜体（）不再建议将标签用作重点元素，有些网页设计师使用这些标签来设置文本的内联区域。基本上，他们使用它就像一个 元件。这很好，因为标签非常短，但通常不建议以这种方式使用这些元素。我提到以防你在一些网站上看到它不是用来创建粗体或斜体文本，而是为其他一些视觉样式创建一个CSS钩子。

Jennifer Krynin的原创文章。由Jeremy Girard于12/2/16编辑。