ホームページ >ウェブフロントエンド >CSSチュートリアル >「」要素内でのネストは正しいHTMLとみなされますか?

「」要素内でのネストは正しいHTMLとみなされますか?

DDDオリジナル: 2024-11-16 09:31:03304ブラウズ

Is Nesting a `` Inside a `` Element Considered Correct HTML?

をネストするのは適切ですか? 内要素?

Bootstrap では、水平形式を使用するのが一般的です。ただし、各の ID の作成を回避する必要が生じる場合もあります。要素。回避策として、

をネストすることを検討する人もいます。内

具体的には、次のコードはこのアプローチを示しています:

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

カスタム CSS:

.block {
  display: block;
}

正しいアプローチ

によるとHTML 仕様、要素に

を含めることはできません。要素。仕様より:

「コンテンツモデル:
フレージングコンテンツ。ただし、要素のラベル付きコントロールである場合を除き、子孫にラベル付け可能な要素はありません。また、子孫ラベル要素もありません。」

フレージングコンテンツは参照します。、 など、段落内レベルでテキストをマークアップするテキストと要素、など。

したがって、をネストすると、内HTML が正しくないと考えられます。予期しない動作や検証エラーが発生する可能性があります。以上が「」要素内でのネストは正しいHTMLとみなされますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css bootstrap html for class this input

声明：この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：複数のクラス名を持つ Div 要素をクエリするにはどうすればよいですか?次の記事：複数のクラス名を持つ Div 要素をクエリするにはどうすればよいですか?

`関連記事`

続きを見る

CSSを書くときにBorderについて注意すべきことまとめ複数のスタイル選択とスタイルのリアルタイム切り替えを実現する方法_体験交流マーキーの詳細な使用状況分析 CSSタイトル行の実装（行削除効果による行削除） CSS3 におけるグレースフルデグラデーションとプログレッシブエンハンスメントの違い

「 」要素内でのネストは正しいHTMLとみなされますか?

関連記事

「」要素内でのネストは正しいHTMLとみなされますか?

`関連記事`