HOME / WEB関連知識のスキルアップ / HTMLクイック･リファレンス / HTML5（目的別） / <ul>

HTML5  <ul>

<ul>タグはunordered listの略で、順序のないリストを表示する際に使用します。 リスト項目は、<li>タグで指定します。
<ul>タグで作成されるのは順序のないリストなので、リスト項目の順序を変えても文書の意味は変わりません。 順序のあるリストを作成する際には<ol>タグを使用してください。

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML4.01では、ul要素にはtype属性が用意されており、リストの先頭記号（リストマーカー）の種類として、 黒丸（disc）・白丸（circle）・黒い四角（square） を指定することができました。
HTML5では、ul要素のtype属性は廃止されています。 リストマーカーのスタイルを指定する際には、 CSSのlist-style-typeプロパティを使用してください。 例えば、黒い四角（square）なら以下のように記述します。

■使用例

HTMLソース
<ul style="list-style-type: square">
<li>いちご</li>
<li>イチジク</li>
<li>一味唐辛子</li>
</ul>
↓↓↓
リンク先のページで表示を見ることができます
また、HTML4.01では、ol要素のstart属性は非推奨とされていましたが、HTML5では非推奨ではなくなっています。 start属性を使用すると、リストの開始番号を整数で指定することができます。
HTML5ではol要素に新しくreversed属性が追加されています。 reversed属性を使用すると、リストの並び順を逆順（大きい順）にすることができます。 reversed属性は、旧いバージョンのブラウザではサポートされていないので注意してください。

■属性

reversed属性
　　　リストの並び順を降順（大きい順）にする
start属性
　　　リストの開始番号を整数で指定

■使用例

HTMLソース
<ol>
<li>いちご</li>
<li>人参</li>
<li>サンダル</li>
</ol>

<ol start="5">
<li>ゴリラ</li>
<li>ロケット</li>
<li>菜の花</li>
</ol>

<ol reversed="reversed" start="10">
<li>ジュゴン</li>
<li>鯨</li>
<li>蜂</li>
</ol>
↓↓↓
リンク先のページで表示を見ることができます