早期在网页设计教育中学习的一个标签就是一对称为“强调标签”的标签。 让我们来看看这些标签是什么以及如何在网页设计中使用它们。
回到XHTML
如果您在多年前学习HTML，在HTML5崛起之前，您可能使用了粗体和斜体标签。 正如您所期望的那样，这些标签分别将元素转换为粗体文本或斜体文本。 这些标签的问题，以及为什么他们被推到一边以支持新元素（我们将在短期内看到），是因为它们不是语义元素。 这是因为他们定义了文本的外观，而不是关于文本的信息。 请记住，HTML（这是写这些标签的地方）是关于结构，而不是视觉风格！ 视觉效果由CSS处理，而网页设计的最佳实践一直认为，您应该在网页中明确区分风格和结构。 这意味着不使用非语义元素，而是使用细节而不是结构。 这就是为什么粗体和斜体标签普遍被强（粗体）和强调（斜体）取代的原因。
＆LT;强＆GT; 和＆lt; em＆gt;
强大和强调元素将信息添加到您的文本中，详细说明在讲述内容时应该区别对待并强调的内容。 您使用这些元素的方式几乎与过去使用粗体和斜体相同。 使用开始和结束标记（强调和，强调强调和）来简单地环绕您的文本，并强调所附文本。
您可以嵌套这些标签，并且无关紧要哪个是外部标签。 这里有些例子。
强调这段文字，大多数浏览器都会将其显示为斜体。 强调此文本，大多数浏览器会将其显示为粗体。在这两个例子中，我们都没有用HTML来指定视觉效果。 是的，标签的默认外观为斜体，为粗体，但这些外观可以在CSS中轻松更改。 这是两个世界中最好的。 您可以利用默认的浏览器样式在文档中获得斜体或粗体文本，而无需实际穿过线条和混合结构和样式。 假设您希望文字不仅要大胆，而且要是红色，您可以将其添加到CSS中
强{
红色;
}
在这个例子中，你不需要为粗体字体添加一个属性，因为这是默认的。 但是，如果您不想让这种情况发生，您可以随时添加它：
强{
font-weight：bold;
红色;
}
现在，只要使用标记，就可以保证只有粗体（和红色）文本的页面。
强调重点
我在过去一年中注意到的一件事是，如果你试图在重点上加倍，会发生什么。 例如：
这个文本里面应该有 粗体和斜体 文本。你会认为这条线会产生一个文本是粗体和斜体的区域。 有时候确实发生了，但是我曾经看到一些浏览器只尊重两种重点样式中的第二种，即最接近实际文本的那种样式，并且只显示为斜体。 这就是为什么我没有在重点标签上加倍的原因之一。
避免这种“加倍”的另一个原因是为了文体目的。 一种形式的强调，如果通常足以传达你想要设定的语气。 您不需要粗体，斜体，颜色，放大和下划线文字，以使其脱颖而出。 那些文字，将所有这些不同类型的重点都变得花哨。 所以在使用重点标签或CSS样式来强调并且不要过分时要小心。
关于粗体和斜体的注记
最后一个想法 - 粗体（）和斜体（）标签不再被推荐用作重点元素，但有一些网页设计人员使用这些标签来设置文本内联区域的样式。 基本上，它们像一个元素一样使用它。 这很好，因为标签非常短，但通常不推荐以这种方式使用这些元素。 我提到过，如果您在某些网站上看到它不会创建粗体或斜体文本，而是为其他类型的视觉样式创建CSS钩子。
Jennifer Krynin的原创文章。 由Jeremy Girard于12/2/16编辑。