HTML列表標籤

2021-08-29 07:12:13 字數 1621 閱讀 9026

給一堆內容新增無序列表語義(乙個沒有先後順序整體),列表中的條目是不分先後

>

>

北京li

>

>

上海li

>

>

深圳li

>

>

武漢li

>

ul>

導航條

商品列表

新聞列表

這裡指的無序是指對於主體來說內容沒有先後之分

瀏覽器會給無需列表自動新增先導符號但是一定一定千萬千萬要記住,ul的作用並不是給文字新增小圓點,而是增加無序列表的語義

其實ul還有乙個type屬性,可以修改先導符號的樣式,取值有disc、square、circle幾種,但以後樣式都是通過css來完成,所以了解一下就行

ul是乙個組標籤,一定是一坨一坨的出現,也就是說li標籤不能單獨存在,必須包裹在ul裡面

由於ul和li是乙個整體, 所以ul裡面不推薦包裹其它標籤,永遠記住ul裡面最好只寫li標籤

雖然ul中推薦只能寫li標籤, 但是li標籤是乙個容器標籤, li標籤中可以新增任意標籤, 甚至可以新增ul標籤

新聞導航

商品列表

頂部導航

底部導航

給一堆內容新增有序列表語義(乙個有順序整體),列表中的條目有先後之分。

>

期中考試排名h4

>

>

>

張三li

>

>

李四li

>

>

王五li

>

>

隔壁老王li

>

ol>

其實ol應用場景並不多,因為能用ol做的用ul都能做

ol和ul就是語義不一樣,怎麼使用都是一樣的以及注意點都一樣

其實ul還有兩個常見屬性start、type屬性, 可以修改先導符號的樣式和序號

但是由於樣式將來都是通過css來完成,所以了解一下就行

給一堆內容新增列表語義, 通過dt羅列出列表的條目,然後再通過dd給每個條目進行相應的描述

>

>

dt英文definition title, 翻譯為定義標題dt

>

>

dd英文definition description, 翻譯為定義描述資訊dd

>

dl>

但凡看到一堆內容都是用於描述某乙個內容的時候就要想到dl

由於dl和dt、dd是乙個整體, 所以dl裡面不推薦包裹其它標籤

dd和dt和li標籤一樣是容器標籤,裡面可以新增任意標籤

定義列表非常靈活,可以給乙個dt配置多個dd,但是最好不要出現多個dt對應乙個dd,dd的語義是描述離它最近的乙個dt,所以其它dt相當於沒有描述,而定義列表存在的意義就是既可以列出每乙個條目又可以對每乙個條目進行描述

定義列表非常靈活,可以將多個dt+dd組合拆分為多個dl

dt內不能使用h1-h6標籤,也就是說,dt不能放標題標籤如h1、h2、h3、h4等

天貓京東

公司簡介

HTML 列表標籤

列表分為兩種型別,即無序列表和有序列表。前者用專案符號來標記列表項,而後者則使用編號來記錄專案的順序。列表的主要標籤 標籤 描述說明 type 為無序列表的屬性 type 的屬性值有 circle,disc,square 含義分別為 空心圓,實心圓和實心正方形 定義列表包含兩個層次的列表 第一層次是...

HTML 列表標籤

課程 超級文字標記語言 英文縮寫 html 是為 網頁建立和其它可在網頁瀏覽器中看到的資訊 設計的一種標記語言。超文字標記語言,標準通用標記語言下的乙個應用。是 網頁製作必備的程式語言 超文字標記語言的結構包括 頭 部分 英語 head 和 主體 部分 超文字標記語言,標準通用標記語言下的乙個應用。...

列表標籤 HTML

有序列表 語法 ol,li 屬性值 內容1內容2內容3 屬性 type 1,a,a,i,i,none,一般預設為1 start 起始位置 屬性值 start 數字 內容1內容2內容3 從該數字之後為有序排列列表巢狀問題 i 幼兒園小學 小學一年紀 小學二年紀 小學三年紀 小學四年紀 小學五年紀 小學...