那些被棄用的HTML元素

隨着互聯網的發展,許多新技術替代舊技術層出不窮,爲何不同意使用某些HTML元素或者說爲何棄用某些HTML元素?

隨着互聯網的發展,許多新技術替代舊技術層出不盡,咱們也司空見慣;在互聯網技術中,經常會看見「淘汰、棄用、不同意使用、建議」等等關鍵詞字眼。每每咱們也是隻管使用,不多關注其爲什麼被棄用。html

HTML那些被廢棄的元素

HTML那些被廢棄的元素前端

固然HTML做爲最基礎的文本標記語言也是如此,也會隨發展變化而變化。對於web前端開發工做人員來講,應該多多少少能夠感觸到。即使是咱們如今所用的Web前端一些流行的框架也是如此。html5

從技術角度而言,不建議使用舊技術,一般狀況下,出於其兼容性考慮,部分功能目前依然可正常運做。也就是說,技術上仍然可以使用舊的方式處理,也可正常工做,但不建議這樣繼續下去,儘可能迎合新技術與其同步發展。web

隨着發展變化,正如咱們目前所謂的先後端分離,模板程序分離,程序內部模塊分離等等都是一個道理,目的各行其事,各個模塊專攻本身的任務,不論在問題點上、執行效率或管理上都有一個明確的執行模式。後端

那麼,HTML也是同樣,它屬於一種文本標記語言,它該執行的任務就是在人和機器閱讀時可以給出最優展現結果,而樣式渲染則由CSS負責。網絡

爲何不使用部分HTML元素或屬性,其緣由無外乎如下幾點。app

一、避免重複性定義。框架

二、可讀性與其可管理性。前後端分離

三、人員精準分配。佈局

四、響應速度與設備的可適應性。

曾經咱們常見的HTML內容,如:

<center><font face="verdana" color="#2400D3">This is some text!</font></center>

咱們能夠看出兩個元素centerfont及其font屬性facecolor,字面上咱們能夠看出對其所包括的文本進行水平居中且定義其字體與顏色。

這裏它卻起到了一個樣式渲染的工做,看似挺方便,如上所言,實則不妥...

因而,HTML5 不支持 <center> 標籤。建議使用 CSS 將其代替。

不被推薦使用的HTML元素,還有哪些?

  • <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在CSS中使用)
  • <strike>(text-decoration: line-through在CSS中使用)
  • <tt>(使用
  • <marquee> 曾經用它來插入一段滾動的文字(已過期)

更多信息你們能夠參閱這裏

爲何不建議使用表格進行佈局?

記得上學時咱們接觸Web網頁設計與製做看到的就是表格<table>佈局,也是經常使用的佈局方式,基礎佈局的確方便,但靈活性很是糟糕;如今更多運用在數據展現上,不多使用其佈局頁面。因此界面佈局,特別是前臺界面,儘可能避免使用。如同:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

看起來也挺方便明瞭,咱們能夠定義「頁眉/頁腳/標題」等等。

實則:

靈活性太差,渲染速度太慢,不適合移動端佈局以及搜索引擎對內容的抓取。

固然,並不是它一無可取,咱們在後臺數據信息展現、統計或不必機器抓取的數據能夠充分利用。

爲何部分元素依然保留?

綜上而言,有些人可能會想到其餘元素

如:<b><i>

<b>標籤咱們實際應用中知道其有加粗效果,用戶體驗上是爲了引發用戶的注意,無語義。與之類似的元素就是<strong>,它具備強調的意義,同時可對搜索引擎增長權重。

<i>標籤頁是無語義,斜體顯示文本。與之類似的是<em>,做用同上。

所以呢,對於咱們Web端開發人員而言,我的建議仍是要「與時俱進」,遵循「當前建議」,便於之後更好地迎合新的網絡環境!

相關文章
相關標籤/搜索