通常情況下，為了向后兼容，舊的功能仍然可以使用(所以遺留項(xiàng)目不會(huì)被破壞)。從本質(zhì)上說(shuō)，這意味著你在技術(shù)上仍然可以用傳統(tǒng)的方式做事。它可能仍然可以工作，但也許使用新的方式會(huì)更好。

另一種常見(jiàn)的情況是，當(dāng)技術(shù)元素被廢止時(shí)，作為其未來(lái)被刪除的前奏(我們有時(shí)稱之為 "日落西山 "功能)。這為每個(gè)人提供了從舊的工作方式過(guò)渡到新系統(tǒng)的時(shí)間。

為什么HTML元素會(huì)被棄用?

多年來(lái)，我們對(duì)HTML的思考方式也在不斷發(fā)展。最初，它是一種用于在線顯示和樣式化內(nèi)容的通用標(biāo)記語(yǔ)言。

隨著時(shí)間的流逝，隨著外部樣式表變得越來(lái)越重要，人們開(kāi)始以不同的方式考慮Web開(kāi)發(fā)變得更加有意義——將關(guān)注點(diǎn)分離，其中HTML定義頁(yè)面的內(nèi)容，而CSS處理頁(yè)面的表現(xiàn)。

樣式和內(nèi)容的這種分離帶來(lái)了許多好處：

• 避免重復(fù)：如果你可以讓一個(gè)CSS類一次處理所有的紅色文本，則在頁(yè)面上為每個(gè)紅色文本實(shí)例重復(fù)執(zhí)行代碼既麻煩又效率低下。
• 易于管理：有了中央樣式表控制的所有表現(xiàn)形式，你可以不費(fèi)吹灰之力就能對(duì)整個(gè)網(wǎng)站進(jìn)行修改。
• 可讀性：在查看一個(gè)網(wǎng)站的源碼時(shí)，將內(nèi)容和樣式整齊地抽象成單獨(dú)的文件，內(nèi)容和樣式的代碼就容易理解了很多。
• 緩存：絕大多數(shù)網(wǎng)站的所有頁(yè)面都具有一致的樣式，那么為什么要讓瀏覽器一次又一次下載這些樣式定義?將樣式文件代碼放在專用的樣式表中，可以進(jìn)行緩存和重用以節(jié)省帶寬。
• 開(kāi)發(fā)人員專業(yè)化：大型網(wǎng)站項(xiàng)目可能需要多個(gè)設(shè)計(jì)師和開(kāi)發(fā)人員來(lái)工作，每個(gè)項(xiàng)目都有各自的專業(yè)領(lǐng)域。讓每個(gè)CSS專家都可以在自己的文件中處理項(xiàng)目，這對(duì)每個(gè)人都容易得多。
• 用戶選項(xiàng)：將樣式與內(nèi)容分開(kāi)可以使開(kāi)發(fā)人員輕松地向最終用戶提供顯示選項(xiàng)(日益流行的“夜間模式”就是一個(gè)很好的例子)或其他可訪問(wèn)性的顯示模式。
• 響應(yīng)速度和設(shè)備獨(dú)立性：將內(nèi)容代碼和視覺(jué)呈現(xiàn)代碼分開(kāi)，可以輕松構(gòu)建以不同屏幕分辨率以不同方式顯示的網(wǎng)站。

然而，在HTML的早期，有相當(dāng)數(shù)量的標(biāo)記設(shè)計(jì)用于控制頁(yè)面的外觀和內(nèi)容。你可能會(huì)看到如下代碼：

<center> 
  <font face="verdana" color="#2400D3">Hello world!</font> 
</center> 

…由于上述關(guān)注點(diǎn)分離，現(xiàn)在所有這些都已棄用。

現(xiàn)在不建議使用哪些HTML元素?

初學(xué)前端必看，為什么某些HTML元素被棄用?

從HTML5版本開(kāi)始，不鼓勵(lì)使用以下元素：

• <acronym> （使用 <abbr> 代替）
• <applet> （使用 <object>）
• <basefont> （使用CSS字體屬性, 比如 font-size, font-family 等等）
• <big> （使用CSS font-size）
• <center> （使用CSS text-align）
• <dir>（使用 <ul>）
• <font> （使用CSS字體屬性）
• <frame>（使用 <iframe>）
• <frameset>（不再需要）
• <isindex>（不再需要）
• <noframes> （不再需要）
• <s>（使用 text-decoration: line-through）
• <strike>（使用 text-decoration: line-through ）
• <tt>（使用 <code>）

延續(xù)了內(nèi)容和表現(xiàn)形式分離的主題，CSS是一種更有效的方法，可以在不雜亂的主HTML文檔代碼的情況下，創(chuàng)建視覺(jué)布局。

那么，什么時(shí)候應(yīng)該使用 ?當(dāng)然，實(shí)際的表格數(shù)據(jù)!如果你需要顯示棒球比分，統(tǒng)計(jì)數(shù)據(jù)或其他方面的列表，

是你的朋友。

<style> 
  .emphasis { font-weight:bold } 
</style> 
     
This is a <span class="emphasis">bold</span> word! 
 
This is a <span style="font-weight:bold">bold</span> word! 
 
This is a <b>bold</b> word! 

這很重要，因?yàn)樗梢詭椭聊婚喿x器和搜索爬蟲(chóng)程序更好地理解這些標(biāo)簽中包含的內(nèi)容的用途。出于某些原因，我們可能用一個(gè)斜體來(lái)表示一個(gè)單詞，例如增加重點(diǎn)，調(diào)用創(chuàng)意作品的標(biāo)題，引用科學(xué)名稱等等。我們可能會(huì)出于幾個(gè)原因?qū)⒁粋€(gè)詞斜體化，比如說(shuō)增加強(qiáng)調(diào)，引用一個(gè)創(chuàng)意作品的標(biāo)題，引用一個(gè)學(xué)名等等。讀者如何知道是否要把口語(yǔ)化的重點(diǎn)放在這個(gè)詞上?

<b> 和 <i> 有同伴，包括 <strong>，<em> 和 <cite>，這些標(biāo)記一起使文本的含義上下文更加清晰：

• <b> 用于引起人們對(duì)文本的注意，而沒(méi)有給予任何其他重視。當(dāng)我們希望引起人們注意而不改變屏幕閱讀器讀取文本的字形時(shí)，或者不增加搜索引擎內(nèi)容的附加重量或含義時(shí)，使用此字詞。
• <strong> 與 <b> 很像，但它標(biāo)志著某些事情的重要性。這與在增加對(duì)某個(gè)單詞的偏重時(shí)更改語(yǔ)音的變化相同。
• <i> 斜體化文本，而沒(méi)有給予任何其他含義或重點(diǎn)。非常適合寫(xiě)出通常是斜體的內(nèi)容，例如動(dòng)物的學(xué)名。
• <em> 與 <i> 相似，因?yàn)樗刮谋咀優(yōu)樾斌w，但是它提供了額外的強(qiáng)調(diào)（因此標(biāo)記名稱），而在上下文中沒(méi)有增加更多的重要性。
• <cite> 是我們用來(lái)指代創(chuàng)意作品的標(biāo)題，例如《沉默的羔羊》這樣的電影。通過(guò)這種方式，文本可以設(shè)置樣式，但不會(huì)影響朗讀句子的方式。

一般來(lái)說(shuō)，規(guī)則是，<b> 和 <i> 只能在萬(wàn)不得已的情況下使用，如果你無(wú)法找到更適合你的需求。這種語(yǔ)義含義使 <b> 和 <i> 繼續(xù)在我們現(xiàn)代的HTML元素?cái)?shù)組中占有一席之地，并在其他類似的樣式標(biāo)簽被淘汰后得以幸存。

在相關(guān)說(shuō)明中，<u>（下劃線標(biāo)記）曾被棄用，但由于具有某些語(yǔ)義用途（例如，注釋拼寫(xiě)錯(cuò)誤），因此已在HTML5中恢復(fù)。

還有許多其他HTML元素可以為內(nèi)容賦予樣式，但主要用于為內(nèi)容提供語(yǔ)義。

不死的HTML屬性