XHTML+CSS布局之XHTML應用小結
2006/12/19 23:26:27
XHTML+CSS布局之XHTML應用小結 籠統來說,“標準網頁”的文件組織就是XHTML+CSS。其中XHTML主要用來表示網頁結構和顯示內容,而CSS則是定義結構布局和修飾內容樣式。
常用于布局的XHTML一般有:
DIV:主要用于頁面內容邏輯上的分塊,比如一張網頁一般包括頭部、導航、側欄、內容和版權等責任分區。此時即可使用DIV標簽分割。
同時對各區塊建議這樣的命名:
頭部:<div id="masthead"></div>
導航:<div id="globalnav"></div>
側欄:<div id="navbar"></div>
內容:<div id="content"></div>
版權:<div id="copyright"></div>
注:id具有唯一性,即在同一頁面中不得重復出現該ID兩次以上。否則使用class。
ul:其原本是無序列表,在XHTML+CSS的應用中常用來表示非結構類的同等元素。需要和UL的子元素LI配合使用。
<div>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>
注:與ul同類的還有ol、ul,使用情況較少,詳細參看
http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=866
span:如果拿這個元素和DIV進行比較,那么span是個袋子而div則是個箱子(語出小毅:XHTML代碼的基本應用)。其實div是個塊級元素,而span是個行內元素(參見有關內聯(行內)元素、塊級元素),通過span就可對一段或一行元素集中的某片斷元素進行單獨定義。
比如:
<ul>
<li><span>(2006-11-13)</span>XHML+CSS布局之XHTML應用小結</li>
</ul>
在css中定義span為左/右浮動,就能實現日期和標題的分兩側顯示。這相對使用
<ul>
<li>2006-11-13</li>
<li>XHML+CSS布局小結</li>
</ul>
要簡單得多。
=======================================
在說完了常見的用于布局的XHTML標簽后,還有的XHTML標簽則是用來顯示網頁內容的。比如:
<img src="" alt="" title="" />表示圖像
<a href="" title=""></a>表示超級鏈接
<hn></hn>(n=1,2,...,6)表示頁內容標題
其中建議h1-h6根據重要性依次遞減,h1為最重要的標題(參見greengnn:div+css命名參考)
原本使用<b></b>和<i></i>表示粗體和斜體的標簽,選擇使用<strong></strong>和<em></em>代替。
返回列表
返回首頁
主站蜘蛛池模板:
亚洲精品二三区伊人久久|
国产成人久久精品亚洲小说|
中国大陆高清aⅴ毛片|
日韩精品亚洲人成在线观看|
亚洲欧美日韩一级特黄在线|
精品亚洲欧美无人区乱码|
国产亚洲精品bt天堂精选|
www一区二区|
国内揄拍国内精品视频|
一个人免费视频观看在线www|
日本中文字幕在线精品|
乱中年女人伦av一区二区|
欧美日韩国产高清|
产国语一级特黄aa大片|
精品国产一区二区三区不卡|
国产三级久久久精品麻豆三级|
免费视频www|
国产精品亲子乱子伦xxxx裸|
97久久久久人妻精品专区|
天天摸天天碰成人免费视频|
一级毛片女人18水真多|
无码人妻精一区二区三区|
久久狠狠躁免费观看|
最近免费中文字幕大全高清10
|
亚洲a级黄色片|
欧美日韩国产精品自在自线|
亚洲综合色网站|
男人添女人30分钟免费|
再深点灬舒服灬太大了阅读|
美日韩在线观看|
国产一区二区三区在线观看免费
|
色综合综合色综合色综合|
国产精品美女久久久久|
97精品视频在线观看|
天天干天天色天天|
亚洲精品国产品国语在线|
第九色区AV天堂|
午夜伦4480yy私人影院|
美女污污视频在线观看|
国产AV成人一区二区三区|
色综合小说久久综合图片|