Rittyのサイト作成日記

新しく使ったタグ「dl」「dt」「dd」

「dl」という、定義リストタグを使ってみました。使い勝手は「ul」や「ol」に近いと思います。<dl>～</dl>の間に、<dt>と<dd>を入れます。リストタグの「li」にあたる「dt」「dd」は、「dt」が定義される言葉、「dd」が定義を説明する言葉をそれぞれ示すようです。辞書のイメージですね。私の場合は、レシピなどの紹介ページで、「dt」でレシピ名「dd」で材料等といった具合で使いました。　⇒　参考ページ「li」しかないリストタグと違い、定義リストタグは「dt」があるので使い勝手がいいです。参考ページのように、CSSのデザインも簡単です。＊ただし、IEならキレイだけれど、operaではズレが発生。　調整できる気もするけれど、現在は手付かずです。