HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML タグ辞典 > <ul>タグ
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML タグ辞典 <ul>タグ


<ul>タグ リファレンス



<ul>タグ 説明



<ul>タグは、並び順に意味を持たない、順不同のリストに使用し、リスト内の要素は、それぞれ<li>タグを使って記述します

リスト内のそれぞれの表示行には、その階層に応じて、先頭に黒丸等のマークが付き、段落ち表示されます


<ul>タグは、並び順に意味のない、順不同のリストに使用します
<ol>タグは、番号付のリストで、順序性のあるリストに使用します
<dl>タグは、定義リストで、用語の定義等に使用します



<ul>タグ 使い方



<ul>タグを使用する場合、下記の様に記述します

記述例 表示例
<ul>
<li>項目1
<li>項目2
<li>項目3
</ul>
  • 項目1
  • 項目2
  • 項目3



リスト先頭のマークを変更削除する


リストの先頭には、デフォルトで、その階層に応じて、黒丸等のマークが付きますが、そのマークを変更したり、削除したりできます


先頭マーク指定 <ul>タグ 記述例 <ul>タグ 表示例
デフォルト <ul>
<li>項目1
<li>項目2
<li>項目3
</ul>
  • 項目1
  • 項目2
  • 項目3
黒四角 <ul type="square">
<li>項目1
<li>項目2
<li>項目3
</ul>
  • 項目1
  • 項目2
  • 項目3
白丸 <ul type="circle">
<li>項目1
<li>項目2
<li>項目3
</ul>
  • 項目1
  • 項目2
  • 項目3
無し <ul style="list-style-type : none">
<li>項目1
<li>項目2
<li>項目3
</ul>
  • 項目1
  • 項目2
  • 項目3
行毎にマークを指定 <ul>
<li>項目1
<li type="square">項目2
<li type="circle">項目3
<li style="list-style-type : none">項目4
</ul>
  • 項目1
  • 項目2
  • 項目3
  • 項目4





<ul>タグ SEOへの影響


箇条書きやグローバルナビゲーション(グローバルメニュー)等にリストを使うことで、正しい文書構造となり、ページの評価が高まります

<補足>
SEO ( Search Engine Optimization : 検索エンジン最適化 ) とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ(SERP : サープ : Search Engine Result Page )の前の方(上位)に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策 SEOとは 」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML タグ辞典 > <ul>タグ
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

HTML タグ辞典

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP