「」要素内でのネストは正しいHTMLとみなされますか?-CSSチュートリアル-php.cn

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 サイトの他の関連記事を参照してください。

ソース：php.cn前の記事：複数のクラス名を持つ Div 要素をクエリするにはどうすればよいですか? 次の記事：jQueryでターゲット要素を基準としたマウスクリック座標を取得する方法? このウェブサイトの声明この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。著者別の最新記事 Pip に特定のバージョンの MySQL_python を強制的にインストールする方法は? 2024-12-19 13:49:10 Python の正規表現と `isdigital()`: 文字列から数値を抽出するにはどちらの方法が最適ですか? 2024-12-19 13:48:11 Chrome の「リソースの読み込みに失敗しました」というコンソール警告を消すにはどうすればよいですか? 2024-12-19 13:47:09 CSS で非アクティブなメニュー項目を暗く表示しながら、アクティブなメニュー項目を強調表示する方法 2024-12-19 13:46:21 WooCommerce 3 で注文商品データにアクセスするにはどうすればよいですか? 2024-12-19 13:45:10 「void」戻り値の型と「System.out.println」は、return ステートメントが欠落している Java メソッドに対する適切な修正ですか? 2024-12-19 13:44:17 OKX DEX API ガイド: Solana トークンスワップインターフェイスの構築 2024-12-19 13:43:09 CSS テキストのオーバーフロー省略記号が機能しないのはなぜですか? 2024-12-19 13:42:14 REPLACE を使用して nvarchar データ内の `` タグを置換するときに改行が挿入されないのはなぜですか? 2024-12-19 13:41:16 MERN スタックをマスターする: フルスタック開発者になるための完全ガイド (月ごとの学習計画付き) 2024-12-19 13:40:10 最新の問題 function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です"; から 2024-04-29 11:01:01 0 3 2235 Google Chromeのモバイル版を表示する方法こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか? から 2024-04-23 00:22:19 0 11 2377 子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。最初の 2 つの文は実行可能ですが、最後の文は実装できません。から 2024-04-19 15:37:47 0 1 1986 親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です'); から 2024-04-18 23:52:34 0 1 1873 CSS マインドマッピングに関するコースウェアはどこにありますか? コースウェアから 2024-04-16 10:10:18 0 0 1942 関連トピック詳細> JavaはWebサービスを呼び出します Bond0 と Bond1 の違い cajファイルを開く方法 Python実行時の構文エラーの解決策 HTML画像コード集構成管理ツールとは何ですか? プリンターをオフラインで使用するとはどういう意味ですか? ドメイン名のリダイレクトを設定する方法

人気のおすすめ表示楕円を超えるようにCSSを設定する方法 CSSでフォントサイズを設定する方法 CSSでホバーを使う方法 CSSで文字間隔を設定する方法 css3の新機能とは何ですか？人気のチュートリアル詳細> 関連するチュートリアル人気のおすすめ最新のコース最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1423303 PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ 4268802 JAVA 初心者向けビデオチュートリアル 2536708 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 507482 PHP ゼロベースの入門チュートリアル 862801 最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1423303 回の学習 JAVA 初心者向けビデオチュートリアル 2536708 回の学習 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 507482 回の学習 Web フロントエンド開発の簡単な紹介 215870 回の学習 PSビデオチュートリアルをゼロからマスターする 890451 回の学習 [Web フロントエンド] Node.js クイックスタート 7475 回の学習海外のWeb開発フルスタックコースの完全なコレクション 5974 回の学習 Go言語実践GraphQL 4938 回の学習 550W ファンマスターが JavaScript をゼロから段階的に学習します 697 回の学習 Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる 24744 回の学習最新のダウンロード詳細> ウェブエフェクト公式サイトサイト素材フロントエンドテンプレート [フォームボタン] jQuery エンタープライズメッセージフォームの連絡先コード [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果 [メニューナビゲーション] HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果 [フォームボタン] jQuery ビジュアルフォームのドラッグアンドドロップ編集コード [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤーコード [html5特殊効果] 古典的な HTML5 プッシュボックスゲーム [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール [フォトアルバム効果] CSS3 個人アルバムカバーホバーズーム効果 [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート [フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG) [PNG素材] 4 つの赤い 2023 卒業バッジベクター素材 (AI+EPS+PNG) [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS） [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG） [PNG素材] 黒と白のスタイルの山アイコンベクター素材 (EPS+PNG) [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG） [バナー画像] フラットスタイルの植樹祭バナーベクター素材 (AI+EPS) [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG） [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート [フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイトテンプレートを解決します [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

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

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