※当サイトは、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を使用する場合、 スクロールバーが表示されるため 見栄えが悪くなるた ...
行間・上下間のスペースを自由自在に空けたい場合のHTMLタグ
サイト制作の際 一部行間だとか、上下コンテンツの間のスペースを空けたいとか 色々 ...
HTMLで複数のclassを指定する方法
CSSのclassを複数指定する方法は 以下の通り。 通常は以下のような感じで ...
リンク属性が新しくなった!
SEO対策の一つとして 外部リンクにnofollowを追加する方法がありましたが ...
カテゴリー
新着記事
指定日から指定日数を指定すると自動的に換算されて終了日が表示される。 エクセルでそれを実現する方法を解説します。...
あなたはブラウザ、何を使ってますか? 私、Hiroは、基本Google Chromeを使用しており、必要に応じて、Vivaldi、Firefox、Edgeを使用してます。...
例えばdivなどでレイアウトを行う際に、縦並びにしたい場合があります。 そんなときは、以下コードにて、flexboxで縦並びにするとよいです。 お試しください。...
サイト制作していると、時々デザインの関係で、リンクの下線を消したいときがあります。 その下線を消すにはどうしたら良いか?...
長らくワードプレスを運用していると ついつい不要な画像をそのままメディアから削除し忘れてしまうことがあり バックアップの際、データ量が多くなりすぎて かなり面倒になることがあります。...
本日までの何日間か 当サイトが非表示またはエラー表示が出ていた件について ご不便をおかけいたしました。 本日、サーバーの引越が完了しました。 引き続き今後もどうぞよろしくお願いします。...
昨日あたりでしょうか? Windowsの更新があったのですが、 その影響か、PCを起動して いつものようにメッセージを書いてるときに 変換をして気づいた!...
需要があるのかないのか? 今回もわかりませんが、自分が必要だったので Google mapで任意の場所の緯度や経度を調べる方法を シェアします。 普通に地図を見て楽しむ分には、...
デザイナーさんにとっては重宝する方法です。 これまで根性でマウスで頑張っていたのですが さすがに限界にきましたので ipadをWindowsと連携してタブレット化しました。...
WordPressのプラグイン「Public Post Preview」は、 下書きの非公開状態の記事をクライアントさんに チェックしてもらうためにプレビューURLをお渡しすることで...