籠統(tǒng)來說,“標(biāo)準(zhǔn)網(wǎng)頁”的文件組織就是xhtml+css。其中xhtml主要用來表示網(wǎng)頁結(jié)構(gòu)和顯示內(nèi)容,而css則是定義結(jié)構(gòu)布局和修飾內(nèi)容樣式。
常用于布局的xhtml一般有:
div:主要用于頁面內(nèi)容邏輯上的分塊,比如一張網(wǎng)頁一般包括頭部、導(dǎo)航、側(cè)欄、內(nèi)容和版權(quán)等責(zé)任分區(qū)。此時即可使用div標(biāo)簽分割。
同時對各區(qū)塊建議這樣的命名:
注:id具有唯一性,即在同一頁面中不得重復(fù)出現(xiàn)該id兩次以上。否則使用class。
ul:其原本是無序列表,在xhtml+css的應(yīng)用中常用來表示非結(jié)構(gòu)類的同等元素。需要和ul的子元素li配合使用。
span:如果拿這個元素和div進行比較,那么span是個袋子而div則是個箱子(語出小毅:xhtml代碼的基本應(yīng)用)。其實div是個塊級元素,而span是個行內(nèi)元素(參見有關(guān)內(nèi)聯(lián)(行內(nèi))元素、塊級元素),通過span就可對一段或一行元素集中的某片斷元素進行單獨定義。
比如:
在css中定義span為左/右浮動,就能實現(xiàn)日期和標(biāo)題的分兩側(cè)顯示。這相對使用
要簡單得多。
=======================================
在說完了常見的用于布局的xhtml標(biāo)簽后,還有的xhtml標(biāo)簽則是用來顯示網(wǎng)頁內(nèi)容的。比如:
其中建議h1-h6根據(jù)重要性依次遞減,h1為最重要的標(biāo)題(參見greengnn:div+css命名參考)
原本使用<b></b>和<i></i>表示粗體和斜體的標(biāo)簽,選擇使用<strong></strong>和<em></em>代替。
新聞熱點
疑難解答
圖片精選