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

2019-10-26 17:22:15

字體：大中小

供稿：網(wǎng)友

籠統(tǒng)來說，“標準網(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標簽分割。
同時對各區(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進行比較，那么span是個袋子而div則是個箱子（語出小毅：XHTML代碼的基本應(yīng)用）。其實div是個塊級元素，而span是個行內(nèi)元素（參見有關(guān)內(nèi)聯(lián)（行內(nèi)）元素、塊級元素），通過span就可對一段或一行元素集中的某片斷元素進行單獨定義。
比如：
以下為引用的內(nèi)容：
<ul>
<li><span>(2006-11-13)</span>XHML CSS布局之XHTML應(yīng)用小結(jié)</li>
</ul>
在css中定義span為左/右浮動，就能實現(xiàn)日期和標題的分兩側(cè)顯示。這相對使用
以下為引用的內(nèi)容：
<ul>
<li>2007-11-5jb51.net</li>
<li>XHML CSS布局小結(jié)</li>
</ul>
要簡單得多。
=======================================
在說完了常見的用于布局的XHTML標簽后，還有的XHTML標簽則是用來顯示網(wǎng)頁內(nèi)容的。比如：
以下為引用的內(nèi)容：

<img src="" alt="" title="" />表示圖像
<a href="" title=""></a>表示超級鏈接
<hn></hn>(n=1,2,...,6)表示頁內(nèi)容標題
其中建議h1-h6根據(jù)重要性依次遞減，h1為最重要的標題（參見greengnn：div css命名參考）

上一篇：CSS和HTML與前端技術(shù)層圖示

下一篇：初學(xué)者接觸HTML了解一些HTML標記(3)