olとは

olの使用例［HTMLソースコード］

<h4>弊社ホームページ作成の強み</h4>
<ol>
<li>弊社ホームページ作成サービスの紹介</li>
<li>無料集客を実現する圧倒的なＳＥＯサービス</li>
<li>目的のアクションをさせるホームページデザイン</li>
<li>ブログホームページで簡単更新・管理・運営</li>
<li>スマートフォンやタブレットにも対応したマルチデバイス対応 </li>
<li>安心のアフターサービス </li>
</ol>

olの使用方法解説

　「ol要素」は、順番に意味のあるリスト(orderedlist)を表わします。 この、順番に意味があるというのは、何らかの意味、意図があって、その順番に並んでいるリストとして機能しているという意味です。
たとえば、何かのランキングや、順番などです。

　これとは逆に、無作為に羅列させているようなリストの場合は、「ul要素」を用います。

リストの降順表示

　｢reversed属性」を指定することで、リストの番号順を降順にすることができます。

HTML Source

<h4>弊社ホームページ作成の強み　ベスト５</h4>
<ol reversed="reversed">
<li>無料集客を実現する圧倒的なＳＥＯサービス</li>
<li>目的のアクションをさせるホームページデザイン</li>
<li>ブログホームページで簡単更新・管理・運営</li>
<li>スマートフォンやタブレットにも対応したマルチデバイス対応</li>
<li>安心のアフターサービス</li>
</ol>

リストの開始番号指定

「start属性」を指定することで、リストの開始番号を指定できます。

HTML Source

<h4>ホームページ作成のポイントランキング（3位～5位）</h4>
<ol start="3">
<li>ブログホームページで簡単更新・管理・運営</li>
<li>スマートフォンやタブレットにも対応したマルチデバイス対応 </li>
<li>安心のアフターサービス </li>
</ol>