CSS 可以讓HTML的編寫更加容易,你不須要在HTML上增加一些標籤碼,而所出來的效果,又沒有預期的好,反而更加的醜,再加上更新上的困難,例如 <font>是較明顯的例子,最主要是給本本加入顏色,改變字體類型…等等

以下介紹一些可以用CSS 取代的標籤和屬性

不要用<font> 來控制文中的顯示,這個交給css來處理會更好。

不要用<b>和<i>來使文字變成粗體和斜體,css 可以使任何標籤變成粗體或斜體,因此你不需要這些專門用於格式化的標籤,然而,如果你一定要特別強調某個字或短語,你可以用<strong>標籤[系統會將文字顯示為粗體,而搜尋系統會認為為重要的搜尋點,增加搜尋的機會]。如對於較次要的文字,就用<em>來進行說明[系統會視為斜體]。

不要用<font>、<b>、<i>的方式

<body>
<p>this is  <font color="#999999">魚橙結合</font> blog~~~ go go go </p>
<p>this is  <b>魚橙結合</b> blog~~~ go go go </p>
<p>this is  <i>魚橙結合</i> blog~~~ go go go </p>
</body>

 輸出結果

2012-08-13_142541  

要改成以下寫法:

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>魚和橙的結合</title>
<style type="text/css">
span {
    color: #999999;
}
</style>
</head>

<body>
<p>this is  <span> 魚橙結合 </span> blog~~~ go go go </p>
<p>this is  <strong>魚橙結合</strong> blog~~~ go go go </p>
<p>this is  <em>魚橙結合</em> blog~~~ go go go </p>
</body>
</html>

 

輸出結果

2012-08-13_142541  

結果輸出的結果是一樣的,但是各位必須改由這樣寫,因為,這樣寫才符合現在的html寫法,也讓以後更能方便修改!


參考資料:CSS the missing manul - 麥克法藍





arrow
arrow
    文章標籤
    網頁設計
    全站熱搜

    雲橙雨林 發表在 痞客邦 留言(0) 人氣()