【HTML】dl dt ddのタグの意味や使い方をサクッとご紹介

プログラミングを勉強中のみなさん、こんにちは！

dl dt ddのタグを見かけたけど、どのような意味があるの？使い方は？

という疑問にお答えします。

dl dt dd はFAQや用語リストで使うことが多いです。

意味とコードの使い方を解説しますのでぜひ参考にしてください。

さっそく見ていきましょう。

コードの紹介

<dl>
definition list = 定義リスト
→　dl

<dt>
definition term = 定義する言葉
→　dt

<dd>
definition description = 定義の説明
→　dd

使い方

<dl>
<dt>コーラ</dt>--→ 名前
<dd>炭酸飲料</dd>--→ 説明
</dl>

こんな感じです。

そして、dt と dd　を複数いれてもＯＫです。

<dl>
<dt>コーラ</dt>--→ 名前
<dd>炭酸飲料</dd>--→ 説明

<dt>オレンジジュース</dt>--→ 名前
<dd>果汁入り飲料</dd>--→ 説明
</dl>

詳しくはこちらもどうぞ。
説明リストタグ

まとめ

dl dt ddを使うと、SEOにも役立ちます。
検索エンジンが内容を読みやすくなり、ヒントになります。

ul や ol と一緒に覚えておくといいと思います。

HTMLに関連する記事も紹介しておきます。