DIV CSS網(wǎng)頁(yè)布局中常用的列表元素ul ol li dl dt dd釋義_XHTML教程
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
DIV CSS網(wǎng)頁(yè)布局中常用的列表元素ul ol li dl dt dd釋義，塊級(jí)元素div盡量少用，和table一樣，嵌套越少越好
ol 有序列表。
表現(xiàn)為：
ul 無(wú)序列表，表現(xiàn)為li前面是大圓點(diǎn)而不是123
很多人容易忽略 dl dt dd的用法
可以這么寫(xiě)：
dt 和dd中可以再加入 ol ul li和p
理解這些以后，在使用div布局的時(shí)候，會(huì)方便很多，w3c提供了很多元素輔助布局。
ol 有序列表。
示例代碼 [www.hl5o.cn]
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表現(xiàn)為：
示例代碼 [www.hl5o.cn]
1……
2……
3……
2……
3……
ul 無(wú)序列表，表現(xiàn)為li前面是大圓點(diǎn)而不是123
示例代碼 [www.hl5o.cn]
<ul>
<li>……</li>
<li>……</li>
</ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略 dl dt dd的用法
示例代碼 [www.hl5o.cn]
dl 內(nèi)容塊
dt 內(nèi)容塊的標(biāo)題
dd 內(nèi)容
dt 內(nèi)容塊的標(biāo)題
dd 內(nèi)容
可以這么寫(xiě)：
示例代碼 [www.hl5o.cn]
<dl>
<dt>標(biāo)題</dt>
<dd>內(nèi)容1</dd>
<dd>內(nèi)容2</dd>
</dl>
<dt>標(biāo)題</dt>
<dd>內(nèi)容1</dd>
<dd>內(nèi)容2</dd>
</dl>
dt 和dd中可以再加入 ol ul li和p
理解這些以后，在使用div布局的時(shí)候，會(huì)方便很多，w3c提供了很多元素輔助布局。
相關(guān)XHTML教程：
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽：有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- 表格邊框的css語(yǔ)法
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(1)
- HTML表格標(biāo)記教程(16):標(biāo)題水平對(duì)齊屬性ALIGN
- 總結(jié)XHTML代碼常見(jiàn)的應(yīng)用問(wèn)題
- HTML為中心的前端開(kāi)發(fā)-HTMLiscenter
- HTML表格標(biāo)記教程(8):背景圖像屬性BACKGROUND
- HTML表格標(biāo)記教程(23):行的暗邊框色屬性BORDERCOLORDARK
- head區(qū)域的編碼規(guī)范
- DIV CSS布局基礎(chǔ)：HTML標(biāo)記(二)
- HTML表單標(biāo)記教程(5):文字域標(biāo)記
猜你也喜歡看這些
- 相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索DIV CSS網(wǎng)頁(yè)布局中常用的列表元素ul ol li dl dt dd釋義
- 教程說(shuō)明：
XHTML教程-DIV CSS網(wǎng)頁(yè)布局中常用的列表元素ul ol li dl dt dd釋義
。