1. 程式人生 > >HTML5學習(08)列表/選單列表/文字顯示方向

HTML5學習(08)列表/選單列表/文字顯示方向

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(表示從右到左顯示文字)