htmlで自動的にコメントアウトされてしまう

ちょっとhtmlとかjavascriptの勉強をしてるんだけど、すごくなんだか分からないことに遭遇して困ってしまった。

htmlの中でhtmlのタグとかjavascriptのコードを説明したいなって思ったとき、いちいち全部「<」とか「>」とかに変えるの面倒じゃない?
それしなくていいようにjavascriptで文字を置き換えてみたの。
そしたらただ「<div>」とか「</div>」って書いてもそのまま表示されるようになって、ああ便利、とか思ってたんだけど。
「<」の後に「/ 」(スラッシュ + スペース)または「?」がくると、その後の「>」までが勝手にコメントになるの。
例えば「<?test>」って書くと、「<!--?test-->」に勝手になっちゃうの。
で、「/」の後にスペース入れないでなんか書くと、コメントアウトすらされずにどっかいっちゃう。
右クリックの「ソースを表示」とかで見ると全部そのまま書いてあるのが見えるんだけど、デベロッパーツールで見るといない。
なんかもうこの辺の仕組みとか、分かる人にはわかるんだろうけど私なんかにはさっぱりわからない。

こういう質問と回答があってね。
PHP - ブラウザの解釈【<? php】は【<!--? php】となぜ変換されるか?(60492)|teratail
ああもうこのタイトルの中にもlesser thanがあるし……。
で、その回答の内ひとつに、「HTML 5.1 2nd Edition: 8. The HTML syntaxの中のParsing HTML documentsの項」とか見るとわかるよって書いてあって、これもう全部英語なの。
見てもわかんないの。
それらしいこと書いてあるかなって部分取り出してGoogle翻訳にかけてみたんだけどね。

Tag open state
Consume the next input character:

U+0021 EXCLAMATION MARK (!)
Switch to the §8.2.4.45 Markup declaration open state.
U+002F SOLIDUS (/)
Switch to the §8.2.4.9 End tag open state.
Uppercase ASCII letter
Create a new start tag token, set its tag name to the lowercase version of the current input character (add 0x0020 to the character’s code point), then switch to the §8.2.4.10 Tag name state. (Don’t emit the token yet; further details will be filled in before it is emitted.)
Lowercase ASCII letter
Create a new start tag token, set its tag name to the current input character, then switch to the §8.2.4.10 Tag name state. (Don’t emit the token yet; further details will be filled in before it is emitted.)
U+003F QUESTION MARK (?)
parse error. Switch to the §8.2.4.44 Bogus comment state.
Anything else
parse error. Switch to the §8.2.4.1 Data state. Emit a U+003C LESS-THAN SIGN character token. Reconsume the current input character.

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

タグオープン状態
次の入力文字を使用します。

U + 0021 EXCLAMATION MARK(!)
§8.2.4.45マークアップ宣言のオープン状態に切り替えます。
U + 002Fソリダス(/)
§8.2.4.9終了タグのオープン状態に切り替えます。
大文字のASCII文字
新しい開始タグトークンを作成し、そのタグ名を現在の入力文字の小文字バージョン(文字のコードポイントに0x0020を追加)に設定してから、8.2.2.10タグ名の状態に切り替えます。 (まだトークンを発行しないでください;詳細が発行される前に記入されます)。
小文字のASCII文字
新しい開始タグトークンを作成し、そのタグ名を現在の入力文字に設定してから、8.2.2.10タグ名の状態に切り替えます。 (まだトークンを発行しないでください;詳細が発行される前に記入されます)。
U + 003F QUESTION MARK(?)
パースエラー。 §8.2.4.44偽のコメント状態に切り替えます。
他に何か
パースエラー。 §8.2.4.1データ状態に切り替えます。 U + 003C LESS-THAN SIGN文字トークンを発行します。 現在の入力文字を再確認します。

はいイミフ~。
「オープン状態」ってなんですか?
もう、ここにたどり着くまでに気力使い果たしちゃったからこれ以上調べる気になれない……。
仕方ないから「<」の後に「/」か「?」が来るときは「&lt;」って書くしかないよ。
ものぐさすぎるって話かな……。

ジャンル : コンピュータ
テーマ : ホームページ・ブログ制作

ステータス
細野ゆとり
あそびにん
せいべつおんな
レベル
ちから
すばやさ
こうげき力
しゅび力
EX
最新記事
カテゴリー
月別アーカイブ
全記事表示リンク

全ての記事を表示する

おえかき
ブログ内ページランキング
twitter
その他SNS
検索フォーム
オンラインカウンター
現在の閲覧者数:
カレンダー
07 | 2018/08 | 09
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
リンク
カウンター
RSSリンクの表示
QRコード
QR