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

<ol>タグ


<ol>タグ リファレンス



<ol>タグ 説明



<ol>タグ(Ordered List)は、順序性のある並びに使用する番号付のリストで、リスト内の要素は、<li>を使って記述します


リスト内のそれぞれの表示行には、その階層に応じて、先頭に番号が付けられ、段落ち表示されます



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




<ol>タグ 使い方



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


記述例 表示例
<ol>
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3




<ol>タグ リスト先頭の番号を変更する



リストの先頭には、デフォルトで、その階層、順番に応じて、番号が付きますが、その番号表示を変更できます


表示番号指定 記述例 表示例 備考
デフォルト <ol>
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
数字 <ol type="1">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
デフォルトと同じです
アルファベット
大文字
<ol type="A">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
アルファベット
小文字
<ol type="a">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
ローマ数字
大文字
<ol type="I">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
<ol type="I">の「 I 」は、アルファベット大文字の「 I 」です

ローマ数字を表す文字は、環境依存文字の為、使用できません
ローマ数字
小文字
<ol type="i">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
<ol type="i">の「 i 」は、アルファベット小文字の「 i 」です

ローマ数字を表す文字は、環境依存文字の為、使用できません
無し <ol style="list-style-type : none">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
行毎にマークを
指定
<ol>
<li>項目1
<li type="A">項目2
<li type="a">項目3
<li type="I">項目4
<li type="i">項目5
</ol>
  1. 項目1
  2. 項目2
  3. 項目3
  4. 項目4
  5. 項目5
正常に表示されないブラウザもあるため、実用性はありません
指定した番号から通番を振る <ol start="10">
<li>項目1
<li>項目2
<li>項目3
</ol>
  1. 項目1
  2. 項目2
  3. 項目3





<ol>タグ SEOへの影響


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

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

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

© 2014 abhp.net All Rights Reserved.

HTML タグ辞典

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