ulタグとは?|順序のないリストを表示しよう

ulタグとは?|順序のないリストを表示しよう
博士
リンゴくんはブログで<ul>タグを活用しておるかの?
リンゴ
<ul>タグ?
どんなタグなんですか?
博士
<ul>タグは順不同のリストを表示するタグで、活用すればとっても見やすいコンテンツを作ることができるぞ。
リンゴ
そうなんですね!
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<ul>タグとは

 

<ul>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / 1つ以上のli要素を子要素に含む場合:パルパブル・コンテンツ
利用場所フロー・コンテンツが期待される場所
内容li要素を0個以上


 
 
<ul>タグは、順序のないリストを表示する際に使用するタグです。
リスト表示される各項目は、<li>タグで指定します。

一般的なブラウザでは、各項目の先頭に黒丸が付いて表示されます。
 
 

使用例

 
 

表示例

ニコニコ動画には、主に以下のようなサービスがあります。

  • 動画
  • 静画
  • 生放送


 
 
また、リストに階層を持たせたい場合は、以下のようにli要素の中に別のul要素を配置します。
 
 

 
 

表示例

ニコニコ動画には、主に以下のようなサービスがあります。

  • 動画
  • 静画
    • マンガ
    • 電子書籍
  • 生放送


 
 

まとめ

順不同のリストを表示する際は、<ul>タグを使用します。
 
 

博士
次回は、番号付きリストの作り方を解説するぞ!
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








ulタグとは?|順序のないリストを表示しよう