定義済みリスト

さて問題です。
定義済みリスト(<dl> <dt> <dd>)は、ブロック要素でしょうか、それともインライン要素でしょうか。

答えは両方です。
たいていはブロック要素という答えが返ってきますw

どういうことかというと、 <dt>部分がインライン要素で、 <dd>部分がブロック要素になのです。昔のテーブルレイアウトと違って、定義済みリストを使ってフォームレイアウトを組むのが主流になってきた近頃のweb標準では、慣れない人なんかだと、<dt>内で、マークアップが間違ってることが多々見受けられます。<dd>部では<p>要素はOKですが、<dt>部ではインライン要素の中にブロック要素が入るのはNGです。

<p>要素ではなく<span>要素を使うのが正解になります。

テーブルレイアウトからweb標準が段々とスタンダードになりつつある現在ですが、ブロック要素とインライン要素の違いについてきちんと理解できている人はまだな感じが。(そんな僕もまだな感じで…。)

カテゴリー: (X)HTML   パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>