IRORIBATA

使い方

表示しにくい文字の表示

2009年1月30日

<HTML>内では、空白(スペース)をたくさん入れてもその通り表示されません。また文章内にタグの使用を許可する都合上、タグに使うブラケット"<"や">"もうまく表示されません。
そのためこれらを表示するために一工夫必要でした。

空白の表示

ホームページ内(<HTML></HTML>内)では半角の空白(スペース)" "をいくら入れてもたかだか１個しか表示されません。特に行頭と行末のは全く無視されるようです。
少しなら" "を書くのですが、たくさんあるとめんどうです。
自動で" "に変換すると今度はタグの中のスペースまで変換されてタグが使えません。

そこで空白の代わりに普段あまり使わないバックスラッシュ"`"を書けば空白に変換されるようにしています。
バックスラッシュそのものを表示するときには\でエスケープして"\`"とすれば表示されます。
ここの頭にスペースを４個入れた。(たぶん表示されない)
ここの頭にバックスラッシュを４個入れた。(スペースとして表示)
````ここの頭にバックスラッシュをエスケープして４個入れた。(バックスラッシュとして表示)

日本語の空白はそのまま空白として表示されますが、半角スペースではないのでプログラムソースの中などには使えません。

　　　　document.write("この行の頭に日本語の空白を４個入れた。");

その他特殊文字の表示

文章内にタグの使用を許す関係上"<"や">"もそのまま書くとタグとみなされ表示されません。また&も特殊文字指定に使われ、その場合は特殊文字に変換されて記述そのものは表示されません。必要に応じてこれらをHTMLの要素とせず単にそのままの表示もしたいとなるとちょっぴりめんどうなことが必要になります。

"<"や">"を表示するには、HTMLの"&...;"の特殊文字指定のほかに"\"でエスケープする方法、入力しやすいよう２連打する方法を準備してあります。
単に"<TAG>"と書くと→
"<", "\<", "<<"を書くと → <, <, <
">", "\>", ">>"を書くと → >, >, >
よって"<<TAG>>"と書くと→<TAG>

また"&"もHTMLの文字指定の記述とみなされる場合(&など)では変換されてしまい、書いたのをそのまま表示できません。この場合"\&...."とすることによりこれを回避できます。
&← "&"と書いた
&← "\&"と書いた

これらの方法で表示した場合はいずれもタグや文字指定とはみなされません。