DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> 常用的HTML5列表標簽
常用的HTML5列表標簽
編輯:HTML5教程     

 一、列表標簽作用

作用:給一堆數據添加列表語義,也就是告訴搜索引擎告訴浏覽器這一堆數據是一個整體

二、列表標簽分類:

1、無序列表unorderd list:給一堆數據添加列表語義,並且一堆數據中所有的數據都沒有先後之分

格式:

<ul>
    <li>需要顯示的條目內容</li>
</ul>

注意:ul標簽是給列表內容添加語義的不是添加小圓點的;ul標簽和li標簽是一個整體,一起出現;ul標簽中不推薦包含其它標簽,可以在li標簽中添加其它標簽

如何快速編寫ul格式:ul>li*3 按tab鍵 生成一對ul標簽,3對li標簽

應用場景為新聞/商品列表/導航條

2、有序列表orderd list:

<ol>
       <li>xxx<li>
  </ol>

3、定義列表definition list:

<dl>
    <dt></dt>
    <dd></dd>
</dl>

dt: definition title定義標題

dd: definition description定義標題的描述

應用場景:網站底部的描述信息;圖文混排

注意點:dl和dt、dd是一個整體,一起出現,dl中建議只放dt、dd;一個dt可以沒有對應的dd,也可以有多個dd,建議一個dt對應一個dd;需要豐富界面時,可以在dt和dd標簽中添加其它標簽

以上所述是小編給大家介紹的HTML5列表標簽,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

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