有序列表,無序列表和定義列表
HTML語言由許多不同的元素組成。 這些單獨的元素充當網頁的構建塊。 查看網頁上任何頁面的HTML標記,您將看到常見元素,包括段落,標題,圖像和鏈接。 你幾乎肯定會看到的其他元素是列表。
HTML中有三種類型的列表:
- 有序列表
這些有時被稱為編號列表,因為默認情況下,該列表中包含的列表項具有特定的數字順序或排名。 有序列表適用於項目的確切排序對內容含義至關重要的地方。 例如,配方可能會使用有序列表,因為所提供的步驟不是以任意順序完成的。 這些步驟的順序對該配方的結果至關重要。 任何分步過程最好作為有序列表呈現。
- 無序列表
這些有時稱為項目符號列表,因為無序列表的默認視覺外觀是在列表項目前面有小的項目符號圖標 。 這種類型的列表最適合用於沒有必需訂單的列表。 列表項將以您為HTML編寫的任何順序顯示,但您正在確定該順序,與配方或逐步過程不同,順序可能會更改,而內容的含義不會受到影響。 例如,如果您列出與您一起工作的人的名單,您可以按字母順序排列,或根據年資或按部門等進行排序。任何這些排序都有意義並且列表的含義(與您一起工作的人員)不會改變,不管你選擇哪個選項。 訂單由您和您的標記決定,因此不需要確切的數字。 這對於無序列表來說是一個很好的選擇。
- 定義列表
這些是包含兩部分的項目清單,即要定義的術語和定義。 它們通常用於顯示定義/描述對,就像您在字典中找到的那樣,但定義列表也可以用於許多其他類型的內容。
有序列表
使用
- 標籤(需要結尾 ol>標籤)來創建一個編號列表,其編號從1開始。
- 標籤對創建的。 例如:
- 條目1
- 條目2
- 條目3
在要顯示要遵循的列表項目的特定訂單的任何地方使用有序列表,或按順序對項目進行排名。 同樣,這些列表通常可以在說明和配方中在線找到。
無序列表
使用
- 標籤(需要結尾的 ol>標籤)用項目符號而不是數字創建一個列表。 就像有序列表一樣,元素也是用這個元素創建的
- 標籤對。 例如:
- 條目1
- 條目2
- 條目3
使用無序列表列出任何不必按特定順序排列的列表。 這是在網頁上找到的最常見的列表類型。 您經常會在網站導航中看到這些列表,以顯示該菜單中的各種鏈接。
定義列表
定義列表為每個條目創建一個包含兩部分的列表:要定義的名稱或術語以及定義。 這將創建類似於詞典或術語表的列表。 有三個標籤與定義列表相關聯:
定義列表
-
- 來定義定義術語
-
- 來定義術語的定義
以下是定義列表的外觀:
這是一個定義術語
這是定義
定義2
定義3
正如你所看到的,你可以有一個單詞,但給它多個定義。 想想“書”一詞......一本書的定義是一種閱讀材料,而另一種定義將是“時間表”的同義詞。 如果你編碼的話,你會用一個詞,但是兩個描述。
您可以在任何有定義列表的地方使用定義列表,每個列表包含兩部分。 最常見的用法是術語表,但您也可以將其用於地址簿(名稱是術語,地址就是定義)或許多其他有趣用途。
元素是使用