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>
輸出結果
要改成以下寫法：
<!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>
輸出結果
結果輸出的結果是一樣的，但是各位必須改由這樣寫，因為，這樣寫才符合現在的html寫法，也讓以後更能方便修改！
參考資料：CSS the missing manul - 麥克法藍
沒有留言:
張貼留言