HTML5學習(08)列表/選單列表/文字顯示方向
阿新 • • 發佈:2019-02-09
HTML分為有序列表、無序列表、定義列表三種列表方式,都是通過<li>標籤來配合使用;
有序列表標籤<ol>:標籤中各個列表項使用編號排序,列表中所有的項都有先後順序,一般採用數字或者字母作為順序號。
主要屬性:
- compact:緊湊型,表示列表顯示得比正常情況下小一點;
- start:起始編號,可以通過設定此屬性設定顯示的起始編號;
- type:列表型別,a\A\1\i(小寫羅馬數字)\I(大寫羅馬數字)順序型別;
- reversed:降序排列列表;
無序列表<ul>:不使用編號排序,其他結構與有序列表一樣;
主要屬性:
- compact:緊湊型,表示列表顯示得比正常情況下小一點;
- type:列表型別,屬性有disc(黑色實心遠點-預設)、circle(空心圓)、square(實心正方形);
目錄列表標籤<dir>:顯示效果與有序列表相同,可以通過無序列表來替代使用;
定義列表標籤<dl>:有<dt>指定專案名稱,<dd>具體的解釋與專案內容兩部分組成。
選單列表標籤<menu>:主要用於設計單列的選單列表,顯示效果與無序列表顯示相同,選單列表也是通過<li>標籤配合使用;
主要屬性:
- label:為選單新增標題標籤;
- type:指定選單列表的顯示型別;主要為list列表選單(預設)、context上下文選單、toolbar工具欄選單;
<bdo>標籤:覆蓋預設文字顯示方向;必選屬性dir該屬性有兩個值ltr(表示從左到右顯示文字)、rtl(表示從右到左顯示文字)