2

定義リスト内に見出し要素を含めることはできますか?

例:

<dl>
 <h4> heading </h4>

 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>

 <h4> heading </h4>

 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>

</dl>

私のブラウザでは期待通りに動作しているようです:)

4

3 に答える 3

6

いいえ; a内で有効である可能性がある唯一の要素はとです。dldddt

それが機能しているように見える理由は、ブラウザによるエラー処理です。これは予測不可能であり、私が知る限り、ほとんど文書化されていないため、信頼すべきではありません。

興味深いことに、ŠimeVidasがコメント(下記)で述べているように、Firefox、Chrome、Safari、Opera、およびInternet Explorer 7および9は構造を修正せず、見出し要素を内に残すことができますdl。それは私を奇妙だと思います。

ただし、許容されますが、それでも無効です。もちろん、その有効性を尊重することを選択するかどうかは任意です。

参照:

于 2012-07-25T21:43:09.287 に答える
1

FWIWでは、w3cマークアップバリデーターを直接入力モードで使用して、コードスニペットをチェックできます。

ブラウザは悪いhtmlに非常に寛容であり、現在は機能しているにもかかわらず、ルールに準拠していない場合は、将来のブラウザの更新でページ/レイアウトが破損する可能性があります。

以下に示すように、コードを検証するために必要な他の要素を追加しました。デビッドトーマスが言っていることについて正確に不平を言う。

 <!DOCTYPE html>
    <html>
        <head>
            <title>asdf</title>
        </head>
        <body>
            <dl>
                 <h4> heading </h4>

                 <dt> title </dt> <dd> content </dd>
                 <dt> title </dt> <dd> content </dd>
                 <dt> title </dt> <dd> content </dd>

                 <h4> heading </h4>

                 <dt> title </dt> <dd> content </dd>
                 <dt> title </dt> <dd> content </dd>
                 <dt> title </dt> <dd> content </dd>
            </dl>
        </body>
    </html>

于 2012-07-25T21:48:02.393 に答える
0

1つのクラスで2つのdtタグを追加できます

dt.heading {
  font-weight: bold
}
<dl>
  <dt class="heading">Heading</dt>
  <dt>milk</dt>
  <dd>white discharge</dd>
</dl>

複数の用語が同じ定義ではないにしても類似している可能性があるため、複数の用語を次々に持つことができます。同様に、用語にはいくつかの異なる意味があるため、複数持つことができます。そして、CSSを介して外観を変更している場合でも、これは真の見出しではなく、検索エンジンなどによってporbがスキップされます...おそらくseoコンテンツを含む非表示のh1タグがあります

于 2014-05-19T03:01:18.957 に答える