2012年8月13日 星期一

Html 基本說明(22)-可以不用的html 標籤,讓你的網頁更易了解 [1]-font、i、b 標籤


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 - 麥克法藍

沒有留言:

張貼留言