2007年01月15日
自分流 ブログ入門 体験記 ＞9.HTML文 無効化（コメント化）すれば 伝えられ
【アルデのナレッジ質問２】 ブログ投稿文での、HTMLタグの命令文を無効化（コメント化）する方法あれば教えてください。
HTMLタグ（LINK、EMOJI、SEARCHなど）の情報交換をしたいときに、必要性を感じました。
当たり前でしょうが、命令文だけでは、そのまま機能するので、ブログでは命令文の文字列が表示されないのです。
たとえば、EMOJIで、全角で太陽は＜ｅｍｏｊｉ：ｓｕｎ＞と書けば、ＯＫでしょうが、
半角で書くと太陽
<となって命令文が機能していると思いますが、何とか半角のままで、無効化（コメント化）できないものでしょうか？
それを表示しながら情報交換したいのです。
可非および可能ならその方法を、ぜひ、ご教示ください。
【 horsefly さんの回答】
タグを構成する「<」の代わりに半角で「＆ｌｔ；」、「>」の代わりに半角で「＆ｇｔ；」と記入すれば、ブログの記事を見た時は「<>」と表示されますが、HTMLタグにはなりません。
livedoor Blogをお使いなら、WYSIWYGエディタで普通にキーボードからHTMLタグを記入するだけで済みます。それだけで、HTMLタグとは機能せずに、そのまま表示されます。
実は、livedoor BlogのWYSIWYGエディタは、上記のような「<、>」を「＆ｌｔ；、＆ｇｔ；」の半角に変換するような作業を自動的にやって入力時に見た通りに表示するようにくれるのです。
変換されている様は「HTMLを確認」をチェックしてご覧になると分かると思います。
【トラックバック】http://knowledge.livedoor.com/tb/19534
【感想】
なるほど、半角の「＆ｌｔ；、＆ｇｔ；」を知っておけば、上記での命令文の前後を挟んでいる「<」と/の前にある「>」を、半角の前「＆ｌｔ；」、後ろ「＆ｇｔ；」に入れ替えて挟んで無効化できるんだ。
言い方を変えると、「＆ｌｔ；、＆ｇｔ；」の間に、<>の以外の命令文を挿入したらいいんだね。
また、機能させるには<>の間に、、半角の「＆ｌｔ；、＆ｇｔ；」の以外の命令文を挿入したらいいんだね。それをメールソフトかメモ帳、秀丸などで作業すればいいんだね。
たとえば、
HTMLタグ（LINK、EMOJI、SEARCHなど）の情報交換をしたいときに、必要性を感じました。
当たり前でしょうが、命令文だけでは、そのまま機能するので、ブログでは命令文の文字列が表示されないのです。
たとえば、EMOJIで、全角で太陽は＜ｅｍｏｊｉ：ｓｕｎ＞と書けば、ＯＫでしょうが、
半角で書くと太陽
<となって命令文が機能していると思いますが、何とか半角のままで、無効化（コメント化）できないものでしょうか？それを表示しながら情報交換したいのです。
可非および可能ならその方法を、ぜひ、ご教示ください。
【 horsefly さんの回答】
タグを構成する「<」の代わりに半角で「＆ｌｔ；」、「>」の代わりに半角で「＆ｇｔ；」と記入すれば、ブログの記事を見た時は「<>」と表示されますが、HTMLタグにはなりません。
livedoor Blogをお使いなら、WYSIWYGエディタで普通にキーボードからHTMLタグを記入するだけで済みます。それだけで、HTMLタグとは機能せずに、そのまま表示されます。
実は、livedoor BlogのWYSIWYGエディタは、上記のような「<、>」を「＆ｌｔ；、＆ｇｔ；」の半角に変換するような作業を自動的にやって入力時に見た通りに表示するようにくれるのです。
変換されている様は「HTMLを確認」をチェックしてご覧になると分かると思います。
【トラックバック】http://knowledge.livedoor.com/tb/19534
【感想】
なるほど、半角の「＆ｌｔ；、＆ｇｔ；」を知っておけば、上記での命令文の前後を挟んでいる「<」と/の前にある「>」を、半角の前「＆ｌｔ；」、後ろ「＆ｇｔ；」に入れ替えて挟んで無効化できるんだ。
言い方を変えると、「＆ｌｔ；、＆ｇｔ；」の間に、<>の以外の命令文を挿入したらいいんだね。
また、機能させるには<>の間に、、半角の「＆ｌｔ；、＆ｇｔ；」の以外の命令文を挿入したらいいんだね。それをメールソフトかメモ帳、秀丸などで作業すればいいんだね。
たとえば、
１． 太字：太字 ⇒ <b>太字>/b< ……/の前の>でないとダメのようだぞ。以下、同様。
２． 斜体：斜体 ⇒ <i>斜体>/i
３． 下線：下線 ⇒ <u>下線>/u
４． LINK：アルデバランの 夢の星
⇒ <a href="http://blog.livedoor.jp/arudebaran60y/?blog_id=2130858">アルデバランの 夢の星>/a
⇒ 一般化すれば、<a href="Ｕ">Ｎ>/a
ただし、Ｕ＝実際に取りに行きコピー（ＬＤ検索などで表示されたものが使えます）。N＝ブログ名、サイド名。
⇒ さらに応用すれば、ライブドア検索 画像も、上記と同じ「<a href="Ｕ">Ｎ>/a」でＯＫ。
エリカ
無効化したものは、<a href="http://blogimage.livedoor.com/search?keywords=%E3%82%A8%E3%83%AA%E3%82%AB&ie=utf8">エリカ>/a
要するに、 � 。奸С稜Г靴織▲疋譽垢鬟灰圈次�ペースト �◆仝〆�条件： OR やスペース（＝AND）などとすれば、次の定式でよい。
【ＵＲＬ】 <a href="Ｕ">ブログサイト名 【サーチ】<a href="Ｕ" target="_blank">検索条件 【辞書】 <a href="Ｕ"target="_blank">語彙
５． EMOJI：お早う！♪ ⇒ <emoji:sun>太陽
⇒ 一般化すると、<
> ただし、絵文字のネーミングをイメージで覚えておく必要。
６．IMG：自分のブログに直接ロードアップしたもの
⇒ <a href="http://image.blog.livedoor.jp/arudebaran60y/imgs/2/8/28937ef9.jpg" target="_blank"><img
src="http://image.blog.livedoor.jp/arudebaran60y/imgs/2/8/28937ef9-s.jpg" width="160" height="206" border="0" alt="ｽｲｾﾝ" hspace="5" class="pict" align="left" /></a
……� 〔仁疂犬琉貮瑤�表示されていない、�◆。�.の文字位置、行間のズレなどがある、と思っていました。ブログに写真が２つ出たので、２つとも機能していると判断しました。
ということは、２つの命令があると判断しました。
半角ｓｒｃ＝の前の<ｉｍｇの<を半角の＆ｌｔ；として置かないと画像が映ると判断しました。
それぞれを無効化しました。後ろの命令で行間が開いていたのですが解消しました。
７．SEARCH：「ライブドア ブログ」
⇒
<a href="http://search.livedoor.com/search/?ie=utf8&lr=lang_ja&q=%E3%83%A9%E3%82%A4%E3%83%96%E3%83%89%E3%82%A2%E3%80%80%E3%83%96%E3%83%AD%E3%82%B0" target="_blank">ライブドア ブログ</a
⇒ 一般化すると、<a href="Ｕ" target="_blank">検索条件</a ……後ろで締めが半角＜の場合には半角の「＆ｌｔ；」でＯＫだね。
ただし、Ｕ＝実際に取りに行きコピー。検索条件＝条件式で用意しておく。
アルデは、「」で囲んでます。 スペースでAND条件ですが、OR なども入れてます。
要は、グーグル/ＬＤ社の検索条件式でいいと思います。
⇒ 応用すると、辞書の命令文。<a href="Ｕ"target="_blank">語彙</a
Ｕが見つからない場合やさらに下に階層があったりしますから、実際に取りに行き、最適な階層のものを確認してコピー。
たとえば、毛氈
無効化すると、<a href="http://search.livedoor.com/search/?ie=utf8&lr=lang_ja&q=%E6%AF%9B%E6%B0%88" target="_blank">毛氈</a ……後ろで締めが半角＜の場合には半角の「＆ｌｔ；」でＯＫだね。
８． PICSのリンクは、ブログ投稿側ボタンまたはPICS側（該当の写真を開いて、右肩に反転表示の）「Blogを貼る」ボタンで形成されます。
「Java Scriptを有効にする」と「画像を読み込む」で「同じWebサイトにある画像のみ読み込む」にしないこと。PICSは、同じサイトでないからね。
MAPは、ボタンを押して、住所を入力して、候補があれば選択してという手順ですね。
ボタンの下に、「デパート」「BOOKS」「amazon.cojp」などがあり、「amazon.cojp」はボタンを押して行けば同じ両々だが、写真を出してイメージを確認した方がいいと思いました。本の名前だけでは間違えそう…。
９．以上で、要点はお解り頂けるのではと思います。
Ｐ．Ｓ．
【気がついたこと1/16】
「＆ｌｔ；、＆ｇｔ；」を教わった。回答をよく読むと「カスタマイズ/管理＞投稿の設定＞投稿フォームの形式⇒WYSIWYGエディタ（…）ラジオボタンＯＮとして入力した命令文を、シンプルエディタに戻して、編集画面で見ると「＆ｌｔ；、＆ｇｔ；」がちゃんとついている。別に、再構築しないで切り換えてもＯＫだから、まさしく、無効化（コメント化）変換装置として使えそうだね。
改行した表示にするには、下部にある「投稿フォームの設定」で、「改行をそのまま反映」にしておく必要はあるね。でないと、改行されない表示になるからね。
−−−−−−−−−−−−
※１ <a href 無効化
※２ タグ 無効化 HTML 入門 ←google
※２ html href 無効 ←google
※３ 当該ナレッジ質問残ってました。有り難う！
※４ lt gt テキスト
★文字列やテキストをHTMLとしてブラウザで表示するような場合、例えば文字列に不等号（「<」や「>」）が含まれていると、その文字がHTMLの ... ltは「less than」の略. > >. gtは「greater than」の略. 文字コードが0x0A〜0xFFの文字. &#文字コード; ...★
※５ HTML A HREF 無効化 ←Google
Tweet
２． 斜体：斜体 ⇒ <i>斜体>/i
３． 下線：下線 ⇒ <u>下線>/u
４． LINK：アルデバランの 夢の星
⇒ <a href="http://blog.livedoor.jp/arudebaran60y/?blog_id=2130858">アルデバランの 夢の星>/a
⇒ 一般化すれば、<a href="Ｕ">Ｎ>/a
ただし、Ｕ＝実際に取りに行きコピー（ＬＤ検索などで表示されたものが使えます）。N＝ブログ名、サイド名。
⇒ さらに応用すれば、ライブドア検索 画像も、上記と同じ「<a href="Ｕ">Ｎ>/a」でＯＫ。
エリカ
無効化したものは、<a href="http://blogimage.livedoor.com/search?keywords=%E3%82%A8%E3%83%AA%E3%82%AB&ie=utf8">エリカ>/a
要するに、 � 。奸С稜Г靴織▲疋譽垢鬟灰圈次�ペースト �◆仝〆�条件： OR やスペース（＝AND）などとすれば、次の定式でよい。
【ＵＲＬ】 <a href="Ｕ">ブログサイト名 【サーチ】<a href="Ｕ" target="_blank">検索条件 【辞書】 <a href="Ｕ"target="_blank">語彙
５． EMOJI：
お早う！♪ ⇒ <emoji:sun>太陽⇒ 一般化すると、<
> ただし、絵文字のネーミングをイメージで覚えておく必要。６．IMG：自分のブログに直接ロードアップしたもの
⇒ <a href="http://image.blog.livedoor.jp/arudebaran60y/imgs/2/8/28937ef9.jpg" target="_blank"><img
src="http://image.blog.livedoor.jp/arudebaran60y/imgs/2/8/28937ef9-s.jpg" width="160" height="206" border="0" alt="ｽｲｾﾝ" hspace="5" class="pict" align="left" /></a
……� 〔仁疂犬琉貮瑤�表示されていない、�◆。�.の文字位置、行間のズレなどがある、と思っていました。ブログに写真が２つ出たので、２つとも機能していると判断しました。
ということは、２つの命令があると判断しました。
半角ｓｒｃ＝の前の<ｉｍｇの<を半角の＆ｌｔ；として置かないと画像が映ると判断しました。
それぞれを無効化しました。後ろの命令で行間が開いていたのですが解消しました。
７．SEARCH：「ライブドア ブログ」
⇒
<a href="http://search.livedoor.com/search/?ie=utf8&lr=lang_ja&q=%E3%83%A9%E3%82%A4%E3%83%96%E3%83%89%E3%82%A2%E3%80%80%E3%83%96%E3%83%AD%E3%82%B0" target="_blank">ライブドア ブログ</a
⇒ 一般化すると、<a href="Ｕ" target="_blank">検索条件</a ……後ろで締めが半角＜の場合には半角の「＆ｌｔ；」でＯＫだね。
ただし、Ｕ＝実際に取りに行きコピー。検索条件＝条件式で用意しておく。
アルデは、「」で囲んでます。 スペースでAND条件ですが、OR なども入れてます。
要は、グーグル/ＬＤ社の検索条件式でいいと思います。
⇒ 応用すると、辞書の命令文。<a href="Ｕ"target="_blank">語彙</a
Ｕが見つからない場合やさらに下に階層があったりしますから、実際に取りに行き、最適な階層のものを確認してコピー。
たとえば、毛氈
無効化すると、<a href="http://search.livedoor.com/search/?ie=utf8&lr=lang_ja&q=%E6%AF%9B%E6%B0%88" target="_blank">毛氈</a ……後ろで締めが半角＜の場合には半角の「＆ｌｔ；」でＯＫだね。
８． PICSのリンクは、ブログ投稿側ボタンまたはPICS側（該当の写真を開いて、右肩に反転表示の）「Blogを貼る」ボタンで形成されます。
「Java Scriptを有効にする」と「画像を読み込む」で「同じWebサイトにある画像のみ読み込む」にしないこと。PICSは、同じサイトでないからね。
MAPは、ボタンを押して、住所を入力して、候補があれば選択してという手順ですね。
ボタンの下に、「デパート」「BOOKS」「amazon.cojp」などがあり、「amazon.cojp」はボタンを押して行けば同じ両々だが、写真を出してイメージを確認した方がいいと思いました。本の名前だけでは間違えそう…。
９．以上で、要点はお解り頂けるのではと思います。
Ｐ．Ｓ．
【気がついたこと1/16】
「＆ｌｔ；、＆ｇｔ；」を教わった。回答をよく読むと「カスタマイズ/管理＞投稿の設定＞投稿フォームの形式⇒WYSIWYGエディタ（…）ラジオボタンＯＮとして入力した命令文を、シンプルエディタに戻して、編集画面で見ると「＆ｌｔ；、＆ｇｔ；」がちゃんとついている。別に、再構築しないで切り換えてもＯＫだから、まさしく、無効化（コメント化）変換装置として使えそうだね。
改行した表示にするには、下部にある「投稿フォームの設定」で、「改行をそのまま反映」にしておく必要はあるね。でないと、改行されない表示になるからね。
−−−−−−−−−−−−
※１ <a href 無効化
※２ タグ 無効化 HTML 入門 ←google
※２ html href 無効 ←google
※３ 当該ナレッジ質問残ってました。有り難う！
※４ lt gt テキスト
★文字列やテキストをHTMLとしてブラウザで表示するような場合、例えば文字列に不等号（「<」や「>」）が含まれていると、その文字がHTMLの ... ltは「less than」の略. > >. gtは「greater than」の略. 文字コードが0x0A〜0xFFの文字. &#文字コード; ...★
※５ HTML A HREF 無効化 ←Google
