首頁  >  文章  >  web前端  >  網頁設計學習XHTML應用小結_HTML/Xhtml_網頁製作

網頁設計學習XHTML應用小結_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:45:111508瀏覽

籠統來說,「標準網頁」的文件組織就是XHTML CSS。其中XHTML主要用來表示網頁結構和顯示內容,而CSS則是定義結構佈局和修飾內容樣式。
常用於版面的XHTML一般有:
DIV:主要用於頁面內容邏輯上的分塊,例如一張網頁一般包括頭部、導覽、側邊欄、內容和版權等責任分區。此時即可使用DIV標籤分割。
同時對各區塊建議這樣的命名:
以下為引用的內容:
頭部:

導覽:
側邊欄:
內容:

版權:
註:id具有唯一性,即在同一頁中不得重複出現該ID兩次以上。否則使用class。
ul:其原本是無序列表,在XHTML CSS的應用中常用來表示非結構類別的同等元素。需要和UL的子元素LI配合使用。
以下為引用的內容:



span:如果拿這個元素和DIV進行比較,那麼span是個袋子而div則是個箱子(語出小毅:XHTML代碼的基本應用)。其實div是個區塊級元素,而span是個行內元素(參見有關內聯(行內)元素、區塊級元素),透過span就可將一段或一行元素集中的某片段元素進行單獨定義。
比如:
以下為引用的內容:

  • (2006-11-13)XHML CSS版面配置之XHTML應用小結


在css中定義span為左/右浮動,就能實現日期和標題的分兩側顯示。這相對使用
以下為引用的內容:

  • 2007-11-5jb51.net

  • XHML CSS版面配置

XHML CSS版面配置




要簡單得多。
======================================= 在說完了常見的佈局的XHTML標籤後,還有的XHTML標籤則是用來顯示網頁內容的。比如:
以下為引用的內容:
表示影像
表示超級鏈接
(n=1,2,...,6)表示頁內容標題 其中建議h1-h6依重要性依序遞減,h1為最重要的標題(參見greengnn:div css命名參考) 原本使用表示粗體和斜體的標籤,選擇使用和代替。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn