HTMLのタグを文字列として表示するためのポイント

●　HTMLのタグを文字列として表示するためのポイント


こんにちは。高橋好美です＾＾


自分のために記事を書いていますｗ

ブログ内でカスタマイズの方法をお伝えするときに、どうしてもタグの表記を書き込む必要があります。

みなさんにはコピペでパッと使って欲しいですからね。


アメブロに使う表記、実は２種類あります。

ＨＴＭＬとＣＳＳ。（いや、覚えなくていいです。なんとなくで。）

記事内やフリースペース、メッセージボードで使うＨＴＭＬという言語は＜かぎかっこ＞で囲まれているんです。

これを、いざ記事にしようとすると【タグ編集エディタ】を使っている私としてはとても面倒なことが起こります。


何かというと、、

タグを貼り付けたら、それが変換されてしまうということ！

つまり、囲み枠のタグをそのまま貼りつけると、当然のことながら、囲み枠が表示されてしまうんですね～。

こんな感じに！　本当は囲み枠の表記を出したいのに！

では、どうするかというと下記の対応キーで置換するんです。

<	&lt;
>	&gt;
&	&amp;

さきほどの囲み枠なら、

<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;">
●　ここに文章を入れる　●
</div>

このタグをコピーしたら使えますよ＾＾



ちなみに、余談ですが上記のタグがどうなっているかというと、、、

<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;">&lt;div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;"&gt;
●　ここに文章を入れる　●
&lt;/div&gt;</div>

こんな感じになってました。

好奇心旺盛な方、お試しあれ～。