DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> dl,dt,dd標記在網頁中要充分利用
dl,dt,dd標記在網頁中要充分利用
編輯:CSS詳解     

我們在制作網頁過程中用到列表時一般會使用<ul>或者<ol>標簽,很少用刑<dl>標簽,但是這個三個標簽卻有著不可忽視的作用,畢竟Web標准中要盡最大可能的使用已有的標簽。它們的用途是:

< dl>< /dl>用來創建一個普通的列表,

< dt>< /dt>用來創建列表中的上層項目,

< dd>< /dd>用來創建列表中最下層項目,

< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標志對之間。

有如下代碼

<Html>
<head>
<title>一個普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>中國城市</dt>
    <dd>北京 </dd>
    <dd>上海 </dd>
    <dd>廣州 </dd>
  <dt>美國城市</dt>
    <dd>華盛頓 </dd>
    <dd>芝加哥 </dd>
    <dd>紐約 </dd>
</dl>
</body>
</Html>

我們可以看到,<dt></dt>中間的文字即時我們沒有進行縮進它也會怎地向前靠攏,而<dd></dd>中間的內容則自動向後縮進。這在騰訊新聞評論中已經使用到了

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved