● HTMLのタグを文字列として表示するためのポイント
こんにちは。高橋好美です^^
自分のために記事を書いていますw
ブログ内でカスタマイズの方法をお伝えするときに、どうしてもタグの表記を書き込む必要があります。
みなさんにはコピペでパッと使って欲しいですからね。
アメブロに使う表記、実は2種類あります。
HTMLとCSS。(いや、覚えなくていいです。なんとなくで。)
記事内やフリースペース、メッセージボードで使うHTMLという言語は<かぎかっこ>で囲まれているんです。
これを、いざ記事にしようとすると【タグ編集エディタ】を使っている私としてはとても面倒なことが起こります。
何かというと、、
タグを貼り付けたら、それが変換されてしまうということ!
つまり、囲み枠のタグをそのまま貼りつけると、当然のことながら、囲み枠が表示されてしまうんですね~。
では、どうするかというと下記の対応キーで置換するんです。
さきほどの囲み枠なら、
このタグをコピーしたら使えますよ^^
ちなみに、余談ですが上記のタグがどうなっているかというと、、、
こんな感じになってました。
好奇心旺盛な方、お試しあれ~。
こんにちは。高橋好美です^^
自分のために記事を書いていますw
ブログ内でカスタマイズの方法をお伝えするときに、どうしてもタグの表記を書き込む必要があります。
みなさんにはコピペでパッと使って欲しいですからね。
アメブロに使う表記、実は2種類あります。
HTMLとCSS。(いや、覚えなくていいです。なんとなくで。)
記事内やフリースペース、メッセージボードで使うHTMLという言語は<かぎかっこ>で囲まれているんです。
これを、いざ記事にしようとすると【タグ編集エディタ】を使っている私としてはとても面倒なことが起こります。
何かというと、、
タグを貼り付けたら、それが変換されてしまうということ!
つまり、囲み枠のタグをそのまま貼りつけると、当然のことながら、囲み枠が表示されてしまうんですね~。
こんな感じに! 本当は囲み枠の表記を出したいのに!
では、どうするかというと下記の対応キーで置換するんです。
< | < |
> | > |
& | & |
さきほどの囲み枠なら、
<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;">
● ここに文章を入れる ●
</div>
● ここに文章を入れる ●
</div>
このタグをコピーしたら使えますよ^^
ちなみに、余談ですが上記のタグがどうなっているかというと、、、
<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;"><div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000;">
● ここに文章を入れる ●
</div></div>
● ここに文章を入れる ●
</div></div>
こんな感じになってました。
好奇心旺盛な方、お試しあれ~。