常用的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標籤中添加其它標籤

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

H5檔案非同步上傳

#indexeddb資料庫的使用詳解

H5拖放API進行拖放排序

#

以上是常用的HTML5列表標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！