国产精品电影_久久视频免费_欧美日韩国产激情_成年人视频免费在线播放_日本久久亚洲电影_久久都是精品_66av99_九色精品美女在线_蜜臀a∨国产成人精品_冲田杏梨av在线_欧美精品在线一区二区三区_麻豆mv在线看

為什么某些HTML元素被棄用?

開發 前端
互聯網已經存在了很長時間,并且隨著時間的流逝,我們已經改變了對網頁設計的思考方式。隨著新的更好的替代方法的產生,許多舊的技術和做事方法已被淘汰,我們說它們已被棄用。

 互聯網已經存在了很長時間,并且隨著時間的流逝,我們已經改變了對網頁設計的思考方式。隨著新的更好的替代方法的產生,許多舊的技術和做事方法已被淘汰,我們說它們已被棄用。

不推薦使用(Deprecated)。這是一個我們經常使用和看到的詞。但你有沒有停下來想一想,它在實踐中意味著什么?有哪些被廢棄的網頁元素的例子,為什么我們不再使用它們呢?

什么是棄用?

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

另一種常見的情況是,當技術元素被廢止時,作為其未來被刪除的前奏(我們有時稱之為 "日落西山 "功能)。這為每個人提供了從舊的工作方式過渡到新系統的時間。

為什么HTML元素會被棄用?

多年來,我們對HTML的思考方式也在不斷發展。最初,它是一種用于在線顯示和樣式化內容的通用標記語言。

隨著時間的流逝,隨著外部樣式表變得越來越重要,人們開始以不同的方式考慮Web開發變得更加有意義——將關注點分離,其中HTML定義頁面的內容,而CSS處理頁面的表現。

樣式和內容的這種分離帶來了許多好處:

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

然而,在HTML的早期,有相當數量的標記設計用于控制頁面的外觀和內容。你可能會看到如下代碼:

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

…由于上述關注點分離,現在所有這些都已棄用。

現在不建議使用哪些HTML元素?

初學前端必看,為什么某些HTML元素被棄用?

從HTML5版本開始,不鼓勵使用以下元素:

  • <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>)

延續了內容和表現形式分離的主題,CSS是一種更有效的方法,可以在不雜亂的主HTML文檔代碼的情況下,創建視覺布局。

那么,什么時候應該使用 ?當然,實際的表格數據!如果你需要顯示棒球比分,統計數據或其他方面的列表,

是你的朋友。

 

為什么我們仍然使用 <b> 和 <i> 標簽?

你可能會說:“等一下。 為什么仍然認為粗體和斜體HTML標簽還可以呢?那些樣式的視覺樣式不是應該用CSS處理的嗎?”

這是一個很好的問題,當我們考慮棄用 <center> 和 <s> 之類的其他標簽時,似乎很難回答。這里發生了什么?

簡短而簡單的答案是,如果不是因為 <b> 和 <i> 如此廣泛和有用,它們很可能會被淘汰。相比之下,CSS替代品似乎有些笨拙:

  1. <style> 
  2.   .emphasis { font-weight:bold } 
  3. </style> 
  4.      
  5. This is a <span class="emphasis">bold</span> word! 
  6.  
  7. This is a <span style="font-weight:bold">bold</span> word! 
  8.  
  9. This is a <b>bold</b> word! 
 長的答案是,些標簽現在已經被賦予了一定的語義意義,賦予了它們超越純粹的視覺表現形式的價值,并允許設計者使用它們來賦予它們所包含的文本額外信息。

這很重要,因為它可以幫助屏幕閱讀器和搜索爬蟲程序更好地理解這些標簽中包含的內容的用途。出于某些原因,我們可能用一個斜體來表示一個單詞,例如增加重點,調用創意作品的標題,引用科學名稱等等。我們可能會出于幾個原因將一個詞斜體化,比如說增加強調,引用一個創意作品的標題,引用一個學名等等。讀者如何知道是否要把口語化的重點放在這個詞上?

<b> 和 <i> 有同伴,包括 <strong>,<em> 和 <cite>,這些標記一起使文本的含義上下文更加清晰:

  • <b> 用于引起人們對文本的注意,而沒有給予任何其他重視。當我們希望引起人們注意而不改變屏幕閱讀器讀取文本的字形時,或者不增加搜索引擎內容的附加重量或含義時,使用此字詞。
  • <strong> 與 <b> 很像,但它標志著某些事情的重要性。這與在增加對某個單詞的偏重時更改語音的變化相同。
  • <i> 斜體化文本,而沒有給予任何其他含義或重點。非常適合寫出通常是斜體的內容,例如動物的學名。
  • <em> 與 <i> 相似,因為它使文本變為斜體,但是它提供了額外的強調(因此標記名稱),而在上下文中沒有增加更多的重要性。
  • <cite> 是我們用來指代創意作品的標題,例如《沉默的羔羊》這樣的電影。通過這種方式,文本可以設置樣式,但不會影響朗讀句子的方式。

一般來說,規則是,<b> 和 <i> 只能在萬不得已的情況下使用,如果你無法找到更適合你的需求。這種語義含義使 <b> 和 <i> 繼續在我們現代的HTML元素數組中占有一席之地,并在其他類似的樣式標簽被淘汰后得以幸存。

在相關說明中,<u>(下劃線標記)曾被棄用,但由于具有某些語義用途(例如,注釋拼寫錯誤),因此已在HTML5中恢復。

還有許多其他HTML元素可以為內容賦予樣式,但主要用于為內容提供語義。

不死的HTML屬性

今天,一些被淘汰的元素在網絡上仍在廣泛使用。畢竟,它們仍然有效——只是被淘汰了。

有的時候,你一直在用的東西還沒有被傳開,其實已經不是以前的方法了。

這樣一個不死的HTML遺跡就是在其他有效標簽中的 align 屬性,尤其是圖片。你可能會看到帶有 border 屬性的標記,盡管該屬性早就被棄用了。當然,CSS是這種樣式表示的首選和現代方法。

對于任何一個web開發者來說,跟上時代的發展是關鍵。確保你的代碼遵循當前的建議,同時避免遺留元素,是一個基本的最佳實踐。它不僅可以確保你的網站長期持續工作,而且還能很好地配合未來的網絡。

 

 

責任編輯:華軒 來源: 今日頭條
相關推薦

2021-06-04 05:21:19

KubernetesDocker容器

2024-06-27 13:45:21

2018-09-10 15:40:46

GitHubQuery前端

2011-12-26 09:38:24

諾基亞SymbianBelle

2025-02-24 10:36:15

2024-07-04 08:56:35

Vue3項目Pinia

2011-06-21 09:21:13

HTML 5SilverlightSkyDrive

2024-01-15 08:47:22

3D自動駕駛

2024-09-30 10:11:04

2012-12-18 11:55:38

2020-12-03 18:29:30

KubernetesDocker容器

2024-10-17 14:14:29

2009-12-02 09:11:58

HTML5

2025-07-04 09:26:50

2021-01-27 22:31:36

HTML編程Web

2024-01-22 12:46:00

KubernetesAPI接口

2014-08-15 11:07:09

程序員

2015-07-22 11:47:25

云計算搜索引擎谷歌

2021-04-12 05:58:43

進程內核機制

2013-07-10 09:38:22

OpenStackLinux
點贊
收藏

51CTO技術棧公眾號

亚洲一区二区欧美日韩 | 九九热这里只有精品6| 最近2018年手机中文在线| 九九在线精品视频| 国产一区二区三区黄| 精品一区亚洲| 久久久免费高清电视剧观看| 欧美一级免费| 日韩亚洲精品电影| 色在线中文字幕| 日韩精品视频免费在线观看| 新版中文在线官网| 日韩精品在线看片z| 理论片午午伦夜理片在线播放| 欧美日韩在线视频观看| 如如影视在线观看经典| 亚洲福利视频三区| 小草在线视频在线免费视频| 欧美日韩国产综合视频在线观看中文| 簧片在线免费看| 日本乱理伦在线| 亚洲国产欧美在线| 欧美13~18sex性hd| 亚洲成人久久影院| 亚洲精品视频在线免费| 午夜欧美一区二区三区在线播放| 最近中文字幕mv2018在线高清| 亚洲综合色婷婷| 伊人色综合网| 欧美日韩一区二区三区在线看 | 国产精品久久久久久久久久三级| 好吊妞国产欧美日韩免费观看网站| 欧美激情中文字幕在线| 人人网欧美视频| 国产精品视频导航| 亚洲第一区色| 色一情一区二区三区四区| 99综合在线| 日韩av一级大片| 国产精品66部| 看av免费毛片手机播放| 国产欧美一区视频| 午夜影院观看视频免费| 日本精品一区二区三区高清| 毛片av在线| 亚洲欧美在线一区| 欧美激情影院| 国产精品视频免费一区| 精品一区二区三区久久| 久色视频在线播放| 亚洲综合在线视频| 在线中文字幕第一页| 中文字幕亚洲无线码a| 看全色黄大色大片免费久久久| 91久久精品在线| 久久精品一区二区三区中文字幕| 男人天堂网站在线| 亚洲日本一区二区三区| 成人在线免费电影| 日韩中文有码在线视频| 99久久夜色精品国产亚洲96| 亚洲精品二区| 久久精品人人做人人综合| 欧美精品一区二区三区涩爱蜜| 精品久久一二三区| 岛国精品一区| 欧美日韩精品免费看 | 91视频 - 88av| 一区二区免费在线| 欧美黄色视屏| 午夜精品理论片| 亚洲国产专区校园欧美| 日韩av资源在线| 欧美日韩你懂得| 精品国产亚洲一区二区三区大结局 | 午夜一区不卡| 日韩中文字幕组| 欧美精品日韩一本| 精品午夜av| 欧美精品七区| 一级特黄大欧美久久久| 亚洲精品一区| 91探花福利精品国产自产在线| 成人免费观看男女羞羞视频| 看电影就来5566av视频在线播放| 爱福利视频一区| 久热综合在线亚洲精品| 日韩欧美亚洲一区| 久久久极品av| 蜜桃视频在线观看一区| 亚洲啪啪aⅴ一区二区三区9色| 伊人久久五月天| 亚洲精品1区2区| 黑粗硬长欧美在线视频免费的| 亚洲欧洲自拍偷拍| 国产视频欧美| 国产1区2区3区| 色老头一区二区三区| 日韩精品一级二级| 亚洲视频精品在线观看| 国模极品一区二区三区| 国产精品白丝jk白祙喷水网站| 在线观看黄av| 国产美女久久精品香蕉69| 91麻豆国产福利精品| 亚洲优女在线| 日韩电影大全在线观看| 欧美中文字幕一区| 国产精品久久占久久| jizzjizzjizz亚洲女| 国产一区二区三区视频| 天堂影院一区二区| 欧美成人三区| 91精品国产99久久久久久红楼| 国产精品无圣光一区二区| 韩国精品主播一区二区在线观看| 日韩高清dvd| 日韩视频免费观看高清完整版| 亚洲破处大片| 四虎在线视频| 国产福利精品视频| 亚洲另类一区二区| 欧美挤奶吃奶水xxxxx| 久久国产亚洲精品无码| 中文字幕日韩欧美| 国产99一区视频免费| 自拍偷拍亚洲视频| 久久免费看毛片| 亚洲经典中文字幕| 精品亚洲porn| 播放一区二区| 人妻久久久一区二区三区| 久久精品视频99| 久久精品水蜜桃av综合天堂| 日韩成人视屏| 一区二区三区 欧美| 欧美极品第一页| 国产精品久久久久久久久免费相片| 日韩精品亚洲专区在线观看| 国产精品亚洲二区在线观看| 国外成人在线播放| 亚洲一区中文日韩| 午夜性色一区二区三区免费视频| 国产中文字幕在线播放| 久久综合久久久| 日韩精品免费在线播放| av在线播放不卡| 国产一区二区三区不卡av| 免费人成短视频在线观看网站| 国产日韩换脸av一区在线观看| 欧美亚洲综合网| 韩国女主播成人在线| 日韩国产在线不卡视频| 日本fc2在线观看| 成人av中文| 亚洲国产精品va在看黑人| 成人激情av网| 日韩成人av在线资源| 青青草手机在线| 亚洲高清不卡一区| 欧美成人黄色小视频| 亚洲成人中文在线| 亚洲一区日韩在线| 成人一区视频| 色老板在线观看| 日韩成人av网站| 日韩在线观看免费高清完整版| 最新不卡av在线| 国产精品sm| 国产高清不卡| www99热| 久久久久久久久久久久久久一区| 亚洲国产日韩欧美在线图片| 国产校园另类小说区| 中文字幕一区二区三区欧美日韩 | 欧美色网一区| 男女羞羞视频教学| 国产精品yjizz| 中文国产成人精品久久一| 亚洲人成精品久久久久久| 99热精品在线观看| 日韩福利影视| 国产区在线视频| 日韩国产欧美亚洲| 成人a在线观看| 亚洲最新av网址| 欧美日韩亚洲精品内裤| 国产一区在线不卡| 欧美午夜精彩| 日本在线影院| 在线视频资源站| 自拍日韩亚洲一区在线| 国产精品视频区1| 在线成人激情视频| 欧美日韩国产综合新一区 | 中文字幕一区日韩精品| 欧美日本一道| 免费男女羞羞的视频网站中文字幕| 日本电影一区二区三区| 91产国在线观看动作片喷水|