[解決済み] XHTMLの有効な自己閉鎖要素(主要なブラウザで実装されているもの)にはどのようなものがありますか?
質問
XHTMLで有効な自己閉鎖要素(例:<br/>)は、主要なブラウザで実装されているものはすべて何でしょうか?
XHTMLが技術的にどんな要素でも自己閉鎖できることは知っていますが、すべての主要なブラウザでサポートされているこれらの要素のリストが欲しいのです。 参照 http://dusan.fora.si/blog/self-closing-tags のような自己閉鎖的な要素によって引き起こされるいくつかの問題の例については、 <div />を参照してください。
解決するには?
XHTMLをサポートするすべてのブラウザ(Firefox、Opera、Safari。 IE9 でのセルフクローズ構文に対応しています。 各要素 .
<div/>
,
<script/>
,
<br></br>
はすべて正常に動作するはずです。そうでない場合は
HTML
に、不適切なXHTML DOCTYPEが追加されています。
DOCTYPEは、ドキュメントの解釈方法を変えるものではありません。 MIMEタイプのみ .
HTML WGはこの問題を議論してきました:その意図は、古い (HTMLのみの)ブラウザは、XHTML 1.0ドキュメントを受け入れることができます。 ガイドラインに準拠し、text/htmlとして提供されます。したがって text/html は、XHTML としてではなく、HTML として扱われるべきです。
W3C Validatorはそのルールをほとんど無視しているのに、ブラウザは宗教的に従っているのですから、これは非常によくある落とし穴です。読む HTML、XML、XHTMLを理解する WebKitブログより
<ブロッククオート
実際、インターネット上の XHTML 文書と思われるものの大部分は
text/html
. つまり、それらはXHTMLではなく、HTMLパーサーのエラー処理で何とかなっている無効なHTMLなのです。ウェブ上のすべての「有効なXHTML 1.0!」リンクは、実際には「無効なHTML 4.01!」と言っているのです。
XHTMLのDOCTYPEで本物のXHTMLか無効なHTMLかをテストするには、あなたの文書にこれを入れてください。
<span style="color:green"><span style="color:red"/>
If it's red, it's HTML. Green is XHTML.
</span>
バリデートされ、実際のXHTMLでは完全に動作します(参照。 1 対 2 ). もし、目を疑うようなことがあれば(あるいはMIMEタイプの設定の仕方がわからなければ)、次の方法でページを開いてみてください。 XHTML プロキシ .
もう一つの確認方法は、Firefoxのview sourceです。スラッシュが無効な場合、赤色でハイライトされます。
HTML5/XHTML5では、この点は変わっていません。
DOCTYPE
.
Content-Type
が王様です。
ちなみに、XHTML の仕様では、XHTML を XMLアプリケーション : [強調]
Empty-elementタグは、次のような場合に使用できます。 内容を持たない任意の要素 キーワードEMPTYを使用して宣言されているかどうかにかかわらず。
また、明示的に XHTML仕様 :
空要素には どちらか は終了タグを持つか、開始タグの末尾が
/>
. 例えば<br/>
または<hr></hr>
関連
-
[解決済み] ブラウザによって異なるURLの最大長とは?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] セルフクローズスクリプトエレメントが機能しないのはなぜですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] PUT、DELETE、HEADなどのメソッドは、ほとんどのウェブブラウザで利用可能ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeフレームワークの使用
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] セルフクローズスクリプトエレメントが機能しないのはなぜですか?
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] マークダウンにおける相互参照 (名前付きアンカー)