早期在網頁設計教育中學習的一個標籤就是一對稱為“強調標籤”的標籤。 讓我們來看看這些標籤是什麼以及如何在網頁設計中使用它們。
回到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編輯。