リスト要素、<ul><ol><dl>の使い分け

2012年8月30日


HTMLでタグ打ちする際、頻出のわりに混同しがちなリスト要素について、メモがてら解説します。
ul は Unordered List、すなわち順序の無いリストのことです。
順序に特に意味はなく、項目を列挙する場合に使用します。
項目を入れ替えても、内容に問題はありません。

ol は Ordered List順序のあるリストのことです。
物事の流れや順序を表す時などに使います。
ですので、項目を入れ替えると内容に支障が出てしまいます。

dl は Definition List定義リストの略です。
dlの中をdt、ddで構成し定義づけをします。

これらの要素を複数入れ子にして、組み合わせて使うこともあります。
ちなみに、tableタグは「表」なので、tableタグを使う場合は縦軸と横軸で対応関係が無ければいけません。
posted by Fujita

Related Posts

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...

重要 総額表示義務化に伴うホームページ修正キャンペーン

2021年4月より総額表示が義務化されます。 今まで経過措置として10000円(税別)の記載でホームページ上OKだったものも11000円(税込)等に修正する必要があります。 主な対象としてはBtoC(不特定への一般消費者向け価格表示)であり、 具体的には接骨院、歯医者、眼科、皮膚科等のクリニックやサービス業、ECサービス等幅広く対象とされています。 まだご自身のホームページを修正されていない場合はお早めにご対応下さい。 なお、弊社では初めてのクライアント様は特別料金(無料~)で対応させて頂いています。...

Youtube活用

ウェブサイトで文字だらけのページを見るといくら内容が充実していても読んでみようという気持ちのハードルが上がってしまいます。