主頁 > 知識庫 > 網(wǎng)頁設(shè)計學(xué)習(xí)XHTML應(yīng)用小結(jié)

網(wǎng)頁設(shè)計學(xué)習(xí)XHTML應(yīng)用小結(jié)

熱門標(biāo)簽:智能語音電銷機器人客戶端 地圖標(biāo)注員工作內(nèi)容 中國地圖標(biāo)注城市的 威海語音外呼系統(tǒng)平臺 西安金倫外呼系統(tǒng) 通遼地圖標(biāo)注app 地圖標(biāo)注沿海城市房價 江西ai電銷機器人如何 高德地圖標(biāo)注廁所

籠統(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ū)塊建議這樣的命名:
以下為引用的內(nèi)容:
頭部:<div id="masthead"></div>
導(dǎo)航:<div id="globalnav"></div>
側(cè)欄:<div id="navbar"></div>
內(nèi)容:<div id="content"></div>
版權(quán):<div id="copyright"></div>
注:id具有唯一性,即在同一頁面中不得重復(fù)出現(xiàn)該ID兩次以上。否則使用class。
ul:其原本是無序列表,在XHTML CSS的應(yīng)用中常用來表示非結(jié)構(gòu)類的同等元素。需要和UL的子元素LI配合使用。
以下為引用的內(nèi)容:
<div>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>
span:如果拿這個元素和DIV進(jìn)行比較,那么span是個袋子而div則是個箱子(語出小毅:XHTML代碼的基本應(yīng)用)。其實div是個塊級元素,而span是個行內(nèi)元素(參見有關(guān)內(nèi)聯(lián)(行內(nèi))元素、塊級元素),通過span就可對一段或一行元素集中的某片斷元素進(jìn)行單獨定義。
比如:
以下為引用的內(nèi)容:
<ul>
<li><span>(2006-11-13)</span>XHML CSS布局之XHTML應(yīng)用小結(jié)</li>
</ul>
在css中定義span為左/右浮動,就能實現(xiàn)日期和標(biāo)題的分兩側(cè)顯示。這相對使用
以下為引用的內(nèi)容:
<ul>
<li>2007-11-5jb51.net</li>
<li>XHML CSS布局小結(jié)</li>
</ul>
要簡單得多。
=======================================
在說完了常見的用于布局的XHTML標(biāo)簽后,還有的XHTML標(biāo)簽則是用來顯示網(wǎng)頁內(nèi)容的。比如:
以下為引用的內(nèi)容:

<img src="" alt="" title="" />表示圖像
<a href="" title=""></a>表示超級鏈接
<hn></hn>(n=1,2,...,6)表示頁內(nèi)容標(biāo)題
其中建議h1-h6根據(jù)重要性依次遞減,h1為最重要的標(biāo)題(參見greengnn:div css命名參考)
原本使用<b></b>和<i></i>表示粗體和斜體的標(biāo)簽,選擇使用<strong></strong>和<em></em>代替。

標(biāo)簽:崇左 青海 阜陽 晉中 河池 眉山 營口 北海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁設(shè)計學(xué)習(xí)XHTML應(yīng)用小結(jié)》,本文關(guān)鍵詞  網(wǎng)頁設(shè)計,學(xué)習(xí),XHTML,應(yīng)用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁設(shè)計學(xué)習(xí)XHTML應(yīng)用小結(jié)》相關(guān)的同類信息!
  • 本頁收集關(guān)于網(wǎng)頁設(shè)計學(xué)習(xí)XHTML應(yīng)用小結(jié)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章