對網站優化有害的HTML元素和屬性

本文原創自news.mkq.online
版權聲明:本文爲原創文章,版權牛站新聞所有
轉載請註明http://www.niuzhan.com/Bago/

下面主要說明一些古老的HTML標籤是被HTML標準拋棄的、荒謬的屬性,只能工作在古董級瀏覽器上或者可以被新標籤取代的標籤。

我們不需要歌頌標準儘管我們教授基於標準的HTML和CSS,但如果這樣的話,用戶(特別是初學者)會遭遇不良的入門方法和不良練習,同時他們並不知道哪裏出錯了。所以我們給出一份拒絕不良標籤的指南。

部分不良標籤基本上是表現標籤(比如small),它們可以用更有意義和更簡單的CSS規則取代。其他的不僅用於表現,而且還是不必要的龐大(比如font標籤)或者對可用性有害的(比如blink)。

標籤

下面這些是你可能會經常碰到的可以有更好選擇的標籤:

◆ b 可以用來產生粗體元素。使用strong(意味着強烈強調)代替更有意義,或者用CSS來完成這項工作,增加font-weight: bold的規則,用來表明粗體元素。
◆ small 可以產生小字體。CSS(font-size)再一次取得更多的控制權。
◆ hr 可用用來展現一條水平線。在CSS中用hr設計很少見,CSS的border-top,border-bottom屬性或者樸素的圖像做這個效果會更好。
◆ i可以用來產生斜體元素。使用em(表示強調),這也更有意義。或者可以用CSS來表現斜體:font-style: italic
◆ big可以產生更大字體。使用標題(如h1,h2等,當文本本來就是一個標題時)代替,增加了意義,或簡單地在CSS中使用font-size屬性,獲取更多的控制權。
上述的標籤與最新的HTML標準儘管都兼容,但對內容卻沒有任何好標籤應有的意義。

◆ u可以爲元素產生下劃線。它提醒着下劃線文本還很多連接關聯。這就是這個標籤死了很久的原因——你不必給非連接文本下劃線。
◆ center可以用來居中在元素內部的元素。CSS屬性text-align允許不僅僅是center,還有left、right和justify。
◆ menu用來創建菜單列表。它並沒有ul做的完美,在因爲無序列表更通用,ul高高地站在menu的屍體上。
◆ layer和div元素相似,都由CSS絕頂位置。這僅僅能在老版本的Netscape中工作,所以再也沒有什麼用。
◆ blink或者marquee。大聲說不!它們應該像本身意義一樣被期待,但有着十分有限的支持,和,只會產生非常,非常噁心的笑話。
◆ font,可以用來定義元素的字體名稱,尺寸和顏色,在標籤世界中理所當然地獲得了臭名昭著標籤之王榮譽稱號。
舊的網站(甚至新的也有)像滿世界的瘟疫之蟻一樣佈滿整個頁面。大部分的font標籤激增是從網頁製作軟件帶來的,把font標籤包括顏色和尺寸用在每一個元素。font標籤被濫用到出現在當前的每一個重複元素的(如,每次你使用p元素),而CSS,則可以用一條簡短的代碼來應用重複元素,甚至控制整個網站。使用CSS方法,不僅可以使頁面比被大量font標籤寄生的更苗條,而且更容易維護因爲你所需要做得只是改變CSS文件中的一行,而不是逐一修改每一個font標籤。這也增加了維護一個一直保持設計風格一致的網站的可能性。
font標籤和不恰當的表格使用是兩個產生網頁不必要臃腫的主要原因。

屬性

可能你認爲你正在使用良好的標籤,但還是有一些麻煩的寄生蟲屬性潛伏,它們隨時會冒出來。

◆ text和bgcolor可以在body起始標籤中定義頁面的基本文本顏色和背景顏色。CSS的color和background-color屬性在應用到body選擇符時也可以做到。
◆ name用來爲一個元素指定一個名字,它在如input的表單元素中完全被接受,但在其它地方,name的工作已經被id屬性取代。
◆ background可以在body標籤中指定一個背景圖畫。CSS會做得更好,用如background-image的屬性來處理背景圖片。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章