「dl」に-CSSチュートリアル-php.cn

「dl」に

Lisa Kudrow

リリース： 2025-03-20 09:23:10

オリジナル

852 人が閲覧しました

「dl」に

しばしば見過ごされているHTMLを探索します<dl></dl>要素 - 定義リスト。ベン・マイヤーズは、特に宿泊のアメニティ、請求の詳細、技術用語集など、名前価値のペアを表すために、その有用性を強調しています。これらの各シナリオは、によって提供されるセマンティック構造に理想的に適しています<dl></dl>。

これを説明する簡単な例です<dl></dl>、<dt></dt> （定義用語）、および<dd></dd>（定義の説明）要素：

ログイン後にコピー

要素: 定義リスト
クールさの要因: 10/10
汎用性: 7/10

マイヤーズは、の実用的なアクセシビリティの利点に注意してください<dl></dl>、特にスクリーンリーダーの場合は、通常、リスト内のアイテムの数を発表します。ただし、正確なカウント方法（総子供のみ<dt></dt>要素など）は関心のあるポイントです。

興味深いことに、ネスティング中

a内の要素<dl></dl>型にはまらないように見えるかもしれません：
ログイン後にコピー
ログイン後にコピー

  
    タイトル
    Web標準での設計
  
  
    著者
    ジェフリー・ゼルドマン
    イーサン・マルコット
  
  
    出版社
    New Riders Pub;第3版（2009年10月19日）
  

...それはスタイリングの目的で驚くほど便利であることが証明されており、「列」の視覚的なグループ化とスタイリングやグループ間の境界の追加を可能にします。この柔軟性はユニークです<dl></dl>順序付けられていないまたは順序付けられていないリストと比較してください。著者は、<hgroup></hgroup>要素。

以上が「dl」にの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。