htmlで終了タグのみが記述されていた場合の挙動

Question

htmlで終了タグのみが記述されていた場合、どのような解釈になるのでしょうか。

<p class="aaa">あいうえお</span></p>

例えば上記のような記述がある場合、"</span>"は文字列の扱いになりそうですが、私が確認したところ大抵のブラウザで"</span>"は省略されていました。（developer toolでソースを確認）

終了タグのみが記述されてしまった場合のブラウザの解釈等について、記事や情報を知っている方は教えて欲しいです。

Comments

[m.ts10806]

知ってどうしたいのか分かりません。
HTML構文上は正しくないわけですし、知ったところで何の益にもならないのでは

[raccy]

> 知ったところで何の益にもならない

レンダリングエンジンの開発者になりたいのでは？Googleにでも就職したいのかもしれません。HTMLを全て理解してBlinkに大量のバグレポートとパッチを送り続ければ、向こうから声を掛けてくれるかも知れませんし。

Answer 1

大抵のブラウザで"</span>"は省略されていました

逆に省略されないブラウザはあるのでしょうか？
基本的には閉じタグだけというのはマークアップ上ゴミ扱いで
テキストとさえ認識されません

Comments

[yambejp]

テキストにしたいなら&lt;/span&gt;

Answer 2

構文解析方法は HTML 仕様に書かれていて、トークン化を経てツリー構築をするということになっています。

https://html.spec.whatwg.org/multipage/parsing.html#appropriate-end-tag-token
https://triple-underscore.github.io/HTML-parsing-ja.html#appropriate-end-tag-token

An appropriate end tag token is an end tag token whose tag name matches the tag name of the last start tag to have been emitted from this tokenizer, if any. If no start tag has been emitted from this tokenizer, then no end tag token is appropriate.

訳: 適切な終了タグトークンは、タグ名がトークナイザーから発行された最後の開始タグのタグ名に一致する終了タグトークンです。
トークナイザーから開始タグが発行されていない場合、適切な終了タグトークンはありません。

終了開始タグが省略できる場合もありますが、span は該当しないので補われず、その結果なかったかのようにふるまいます。
https://html.spec.whatwg.org/multipage/syntax.html#optional-tags
https://triple-underscore.github.io/HTML-writing-ja.html#optional-tags

Comments

[x_x]

タブ開きっぱなしだったから終わってたのに気づかなかった……

Answer 3

HTML5以降はパーサーがHTMLをどのように解釈すべきであるかを細かく規定しており、HTMLとして正しくない場合にどのようにすべきかも細かく規定しています。

12.2 Parsing HTML documents | HTML Standard

上記を隅から隅まで読んで、それこそレンダリングエンジンの開発者に成れるぐらいまでになれば、なぜそういう解釈になるのかは理解できると思います。なお、HTML5に対応したモダンブラウザであれば、全て同じ動きになるはずです。しかし、HTML5では無い場合は、ブラウザ毎に異なる可能性がある(以前のHTMLでは正しくないHTMLをどう解釈するのかが細かく規定されていない)ことに注意してください。

Answer 4

世の中のhtmlは大半が崩れてるのでブラウザ側はある程度柔軟に解釈する。
意味のないタグなら省略。

厳密に解釈すると表示できないサイトだらけになるからという歴史的経緯。