※当サイトは、Google Adsense、Amazonアソシエイト、各種アフィリエイト広告を利用しています。
HTMLタグ「dl・dt・dd」とは?
HTMLタグ
dl(description list)とは、 説明リストのこと。
dt(description term)とは、 説明する言葉のこと。
dd(definition / description)とは、 定義文 or 説明文のこと。
つまり、dtのことを、ddで説明するようなシーンで使う。
基本形
<dl>
<dt>Hiro先生とは</dt>
<dd>天才である</dd>
</dl>
使い分け
ul・olの場合
単純な項目のリストの場合に使う
SEO的に順序、順不同を問わない。
dl・dt・ddの場合
リストであり項目ごとの説明を書く場合に使う。
SEO的に意味的である必要がある。
テーマが一つの場合に使う。
tableの場合
複数テーマの場合に使う
関連記事
【HTMLタグ】iframeのスクロールバーを非表示にする方法
iframeを使用する場合、 スクロールバーが表示されるため 見栄えが悪くなるた ...
リンク属性が新しくなった!
SEO対策の一つとして 外部リンクにnofollowを追加する方法がありましたが ...
行間・上下間のスペースを自由自在に空けたい場合のHTMLタグ
サイト制作の際 一部行間だとか、上下コンテンツの間のスペースを空けたいとか 色々 ...
HTMLで複数のclassを指定する方法
CSSのclassを複数指定する方法は 以下の通り。 通常は以下のような感じで ...
カテゴリー
新着記事
今回、Hiro先生が、毎日アプリでポチポチ稼いでいる方法についてシェアしたいなと思います。...
約24年前、大学に入学してから本格的にパソコン&インターネットを使うようになり様々な無料ブログサービスや簡易無料サイト、様々なSNSなど活用してきました。...
あなたはブラウザのブックマーク・お気に入り管理ちゃんと出来ていますか? 特に、PCを大活用している方などはブックマークを大活用されているかと思います。...
最近、結構多くの方が、お気に入りブログを見るときに効率の悪いことをして見ているな~ということに気づきました。...
※本記事は、Gaston Luga(ガストンルーガ)様より、商品の提供を受けてレビューを投稿しています。 model by T.O. こんにちは、Hiro先生です。...
実は、最近、Hiro先生もブログランキングに登録しました。 10年以上前くらいに、他サイトを運営していたときに登録していましたが、久々に改めて登録して利用してみると...
時間は有限である。 暦は先人たちが紡いできた歴史がある。 暦を知ることで人生を豊かに過ごせます。ということで、暦についてまとめておきたいと思います。 太陽暦...
例えば、対象のHTMLコードが修正できなく、classやidが無いなどで何番目かの要素に対してCSSを指定したい場合以下の通り指定いただくと解決します。 最初の要素 最後の要素 最初からX番目...
dl(description list)とは、 説明リストのこと。dt(description term)とは、 説明する言葉のこと。dd(definition / description)とは、...
CSSのプロパティである「clear」とは、要素をその前にある浮動要素の下に移動する必要があるかどうかを設定することが出来ます。ちなみにclearは、浮動要素も非浮動要素もどちらも対応出来ます。...