No.3ベストアンサー
- 回答日時:
いえ、空要素は内容を持ち得ない要素ですから、空要素でないものには閉じタグが必要です。
そもそも
<div class="objects"></div>
自体があってはならないのです。
HTMLは、それを構成する要素(Element)に分解し、それぞれの構成要素をタグ(tag)でマークアップするものですから、その内容がないというのは矛盾します。ただ、HTMLでは、
AREA,BASE,(BASEFONT,)BR,COL,FRAME,HR,IMG,INPUT,(ISINDEX,)LINK,META,PARAMは、空要素ですから終了タグが存在しません。
XML(XHTML)の場合は、
<mytag></mytag>
<mytag/>
<mytag />
は同列ですから、記述可能です。
これらはXHTMLで定められている要素ではなく、独自に拡張した(extended)要素ですから。HTMLとは別の名前空間に所属します。
>HTMLは、それを構成する要素(Element)に分解し、それぞれの構成要素をタグ(tag)でマークアップするものですから、その内容がないというのは矛盾します。
なるほど空要素として用意されていないタグは
何らかの要素を格納していなければならないのですね。
デザイン的なものを表現するためにだけ用意された
要素にdivを使っていて、たびたび以下のような状態になっていました。
<p>ABCD EFGH IJKL MNOPQ RSTUV WXYZ</p>
<p>ABCD EFGH IJKL MNOPQ RSTUV WXYZ</p>
<div class="objects"></div>
上記を踏まえるとhr要素などを
使うのがベストなのでしょうかね。
No.4
- 回答日時:
HTML 4.x)
HTML 4のSGML宣言でSHORT TAG YESであるため,省略タグ機構は使えますが,NET tagであっても,
<div class="objects" //としかならないため,/>は書けません。
「HTML 4標準およびSGML標準のみに沿うならば」<div class="objects" /テスト/とかが許されますが,これを理解できるブラウザはまずないでしょう。
HTML 4.01の仕様書B.3.7にも,「unlikely to work with many existing HTML tools.」と書かれているものです。
http://www.w3.org/TR/html4/appendix/notes.html#h …
XHTML 1.x)
XMLの文法に従うため,有効です。
http://www.w3.org/TR/xml/#NT-EmptyElemTag
ただし,XMLの仕様書には内容がEMPTYと定義されているときのみ使うことが推奨されています。
また,XHTML 1.0においても,HTML 4との互換性における要請として,EMPTYの時のみの利用が推奨されています (C.3はinformative)。
http://www.w3.org/TR/xhtml1/#C_3
HTML5 HTML記法)
空要素およびforeign elementに関しては,/>の閉じを許しますが,divには許されていません。
http://www.w3.org/TR/html5/syntax.html#elements-0
HTML5 XHTML記法)
仕様では定義されず,XMLに丸投げされています。
http://www.w3.org/TR/html5/the-xhtml-syntax.html …
このため,先の,EMPTYなものだけ/>を使う,ということが推奨されます。
やはり空要素として定義されている要素しか
/> この表現は使えないのですね。
html5でタグの意味が変わったので
ソースコードを何かいい表現が出来ないか考えていました。
ありがとうございます。
No.2
- 回答日時:
空のタグではなく、空の要素ですね。
XMLにおいて、<element/>は、内容を持たない要素を示します。XHTMLはHTMLをXMLの文法に合わせて書き直したものですから、XHTMLはそう書かなければなりません。
HTML5では、空要素を/>と書くことが出来ますが、その場合はXML宣言が必要になります。
XHTML/HTMLを問わず、<要素/>は書くことが出来ません。
ブラウザは、それであっても描画はするでしょう。
すみません。
xml宣言があればhtml5で空要素を />で表現できるのでしょうかね?
xml宣言有+html5ではOKだけどhtml4ではだめですよって意味なんですかね?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- PHP SQLとPHPの連結方法がわからないのでアドバイスお願い致します 1 2022/07/12 12:16
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- HTML・CSS brにクラスをつけてcssでdisplay:none;としても改行されてしまいます 2 2022/06/22 14:45
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
2行にしたい要素、改行か分割...
-
border: noneでボタンの境界線...
-
「諸要素」とはどういう意味で...
-
HTMLで <p>~</p>内で2回以...
-
HTMLです
-
C言語について。
-
tdに対してmin-heightの定義、...
-
C言語線形リストの問題です
-
BODY内にCSS「a:hover」を使いたい
-
input type="hidden"で取得した...
-
質問1.
-
CSSのセレクタに指定するbodyと...
-
改行ほどは行かないけど、若干...
-
拡大してもはみ出さないコーデ...
-
【CSS】imgタグを、親要素の幅...
-
HTMLです 四角みたいにして中に...
-
html タグの閉じスラッシュ前の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
還暦を過ぎた方々に質問です。
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
角丸画像の背景色を透明にした...
-
tdに対してmin-heightの定義、...
-
改行ほどは行かないけど、若干...
-
html タグの閉じスラッシュ前の...
-
テキストボックスの中にリンク...
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
タグは大文字と小文字どちらが...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
2個のFormを横並びにしたい
-
textareaの幅を画面と合わせたい
-
border: noneでボタンの境界線...
-
CSS:overflow要素の印刷について
-
HTMLの・要素・属性・属性値 は...
おすすめ情報