「」要素内でのネストは正しい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 までご連絡ください。著者別の最新記事 Go で遅延関数は値を返すことができますか? 2024-11-16 17:46:03 Node.js アプリケーションで MongoDB 接続を効率的に再利用するにはどうすればよいですか? 2024-11-16 17:45:03 Python でファイル拡張子を抽出するには? 2024-11-16 17:44:03 PHP で日付に 1 日を正しく追加して月のロールオーバーを処理するにはどうすればよいですか? 2024-11-16 17:43:03 Python でユーザー入力の時間制限を実装するにはどうすればよいですか? 2024-11-16 17:42:03 Spark-Submit を使用して JAR ファイルを Spark ジョブに追加するにはどうすればよいですか?また、そのためのさまざまなオプションと考慮事項は何ですか? 2024-11-16 17:41:03 Node.js モジュール間でデータベース接続を効率的に共有するにはどうすればよいですか? 2024-11-16 17:37:03 POSTデータを失わずにリダイレクトするにはどうすればよいですか? 2024-11-16 17:33:03 Windowsで保存されたゲームフォルダーが消えた場合の修正方法 2024-11-16 17:31:03 ダスト.aex - ダスト.aex とは何ですか? 2024-11-16 17:30:03 最新の問題 function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です"; から 2024-04-29 11:01:01 0 2 1868 Google Chromeのモバイル版を表示する方法こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか? から 2024-04-23 00:22:19 0 10 2033 子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。最初の 2 つの文は実行可能ですが、最後の文は実装できません。から 2024-04-19 15:37:47 0 1 1711 親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です'); から 2024-04-18 23:52:34 0 1 1612 CSS マインドマッピングに関するコースウェアはどこにありますか? コースウェアから 2024-04-16 10:10:18 0 0 1626 関連トピック詳細> Metaverse XR の意味に関する一般的な説明 JAXB テーブルフィールドの削除 DNS障害を解決する方法モバイルハードドライブからデータを復元する方法どのバージョンの Linux システムが使いやすいですか? 暗号通貨の購入を始める方法コンピューターに見つからないlibcurl.dllを修正する方法

人気のおすすめ表示楕円を超えるようにCSSを設定する方法 CSSでフォントサイズを設定する方法 CSSでホバーを使う方法 CSSで文字間隔を設定する方法 css3の新機能とは何ですか？人気のチュートリアル詳細> 関連するチュートリアル人気のおすすめ最新のコース最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1418205 PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ 4259553 JAVA 初心者向けビデオチュートリアル 2491950 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 504521 PHP ゼロベースの入門チュートリアル 859210 最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース) 1418205 回の学習 JAVA 初心者向けビデオチュートリアル 2491950 回の学習 Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル 504521 回の学習 Web フロントエンド開発の簡単な紹介 215391 回の学習 PSビデオチュートリアルをゼロからマスターする 880889 回の学習 [Web フロントエンド] Node.js クイックスタート 6663 回の学習海外のWeb開発フルスタックコースの完全なコレクション 5180 回の学習 Go言語実践GraphQL 4340 回の学習 550W ファンマスターが JavaScript をゼロから段階的に学習します 640 回の学習 Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる 22089 回の学習最新のダウンロード詳細> ウェブエフェクト公式サイトサイト素材フロントエンドテンプレート [フォームボタン] 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とみなされますか?