Bloggerで記載したはずの投稿タイトルが消えてしまう

Bloggerでタイトルを書いてプレビューや保存、公開などをしたところ、タイトルが消えている場合がある。現象の詳細は最下部の「現象」欄を見てほしい。

原因

閉じるタグ(</～>)が無いなどの不正なタグ使用を行ったため。

対策

どうしても開くタグ(<～>)のみ使用したい時はエスケープ文字を使おう。つまり、『<』を用いたければ『&lt;』、『>』は『&gt;』と記述しよう。エスケープ文字を知らない場合は『エスケープ文字 html』でググれば説明してくれているウェブページが簡単に見つかる。

所感

単純な原因ではあるがエラーメッセージを出さずに消すので面食らってしまった。消しても構わないので、理由を示すメッセージを表示してほしい。

なお、本文ではこのような事象は起きない。というのは作成画面では『<』や『>』などは自動的にエスケープ処理され、HTML編集画面では不正なタグ使用に対してエラーメッセージが表示されるからである。

(HTML編集画面でのエラーメッセージの例)

現象

不正なタグ使用を行った場合

エディタ画面

ここでは<h1>タグを使用(</h1>を記載しない)

プレビュー画面

入力したタイトルが全く表示されていない。

では、タグを正しく使用するとどうなるか？

正しくタグを使用した場合

エディタ画面

プレビュー画面

タグが正しく反映されている。

本題はここで終了だが、他にも色々試してみたので、もう少し見続けてほしい。

存在しないタグを使った場合(タグ名を半角文字)

エディタ画面

プレビュー画面

タグの部分のみ消して表示されている。

存在しないタグを使った場合(タグ名を全角文字)

エディタ画面

プレビュー画面

タグ部分も含めて入力した文字がそのまま表示されている。

何だかよく分からん挙動だが、タイトルでは『<～>』を使わないほうがよさそう。どうしても使う場合はエスケープ処理を忘れずに。