HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <ul> タグ

HTMLの<ul>タグはHTMLドキュメントで無序列表を定義します。このタグは通常<ul>要素とも呼ばれます。

オンラインサンプル

ul非順序HTMLリスト：

例

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML ulタグの使用(基本教程網　w3(codebox.com)</title>
</head>
<body>
<ul>
　　<li>First item</li>
　　<li>Second item</li>
　　<li>Third item</li>
　　<li>Fourth item</li>
</ul>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントの例では、<ul>タグを使用して、<li>タグで見つかった4つのリストアイテムを含む無序列表を作成しました。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<ul>タグをサポートしています。

タグの定義及び使用方法

<ul>タグは無序列表を定義します。

<ul>タグと <li> タグが一緒に使用されると、無序列表が作成されます。

ulタグは<li>タグで構成されています。

リスト項目に数字の順序がない場合、<ul>タグを使用してください。

<ol>、<ul>、<menu>リストをネストすることができます。

ヒントと注意

ヒント：CSSを使用してリストのスタイルを定義します。

ヒント：使用<ol> タグを使用して順序リストを作成します。

HTML 4.01 HTMLで5の間の違い

HTMLで 4.01 「compact」と「type」属性は廃止されました。HTML5 この二つの属性はサポートされていません。

属性

属性	値	説明
compact	compact	HTML5 サポートされていません。HTML 4.01 廃止されました。リストの表示を通常よりも小さくするように指定します。
type	disc square circle	HTML5 サポートされていません。HTML 4.01 廃止されました。リストのアイコンの種類を指定します。

グローバル属性

<ul>タグがサポート HTMLのグローバル属性。

イベント属性

<ul>タグがサポート HTMLのイベント属性。

オンラインサンプルを試す

異なる種類の無序列表
異なる種類の無序列表

ネストリスト
この例では、リストをどのようにネストするかを示しています。

ネストリスト 2
この例では、より複雑なネストリストを示しています。

カスタムリスト
この例では、定義リストを示しています。

HTML チュートリアル：HTML リスト

HTML: <var> タグ HTML: <u> タグ