CSS禪意花園---絮語 之基礎
1.帶有語義的標記
代碼 1:
<br><br>
<b> <font size="2"> 大家好 </font> </b>
<br><br>
<font size="2" > 圖片的好處</font>
代碼 2:
<div id="family">
<h3> 大家好 </h3>
<p> 圖片的好處 </p>
</div>
達到的效果是一樣的?你說 是不是?
2.選擇 DOCTYPE
最開始 聲明DOCTYPE 文檔類型 (document type)
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml/dtd/xhtml1-strict/dtd">
3.指定語言和字符集
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<meta http-equiv="content-type" content="text/html" charset=utf-8>
4.指定 標題 <title></title> ---保存在收藏夾時 title中的內容將作爲鏈接的描述同樣保存在訪問者的瀏覽器中
搜索引擎會對標題進行搜索。
5.恰當使用標記:
如 可以只要一個標記 不要樣式就可以 達到的效果 ,就不要用其他的標記再加上樣式。
這樣會加重 代碼的維護量和整潔行 。
6.避免過度使用div和span 空間模塊
最好是1到3個dib或者span 來包括其他的標記。
7.儘量能少使用標籤。 標籤使用的越少越好。爲了保持文檔小巧。下載速度快。維護更加的容易。改版
---體現在文檔的解析上
8.適當的使用class和ID
爲元素添加表示作用的屬性可以讓你在稍後容易第將元素與css或者javascript關聯起來/
Class 是一類可以重用的屬性.能夠被重複的應用到頁面中任何元素上。而ID則是獨一無二的。同一個 ID在每個頁面上 只能出現一次。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.