最近の記事
(02/02)ブログ更新の終了について
(01/22)Picasaでテンプレートを使う 〜 操作方法を動画で解説
(01/13)ShoutMix と Skypeボタンを組み合わせた足跡帳 & チャットボックスの設置
(01/07)画像を使ったクールなスライド・メニュー 〜 imageMenu
(01/03)iPhone/iPodのカバーフロー表示をサイトやブログでも 続きその2
(01/03)イメージスライドスクリプト”noobSlide” 〜サンプル切り出しとボタン画像の利用
(12/31)iPhone/iPodのカバーフロー表示をサイトやブログでも 続き
(12/30)iPhone/iPodのカバーフロー表示をブログでも 〜 ImageFlowをブログで使うには
(07/03)たった1行のスクリプトでできること 〜 IEのJavascript高速化 / IE判定
(07/02)Seesaaブログカスタマイズ 記事ページング機能 / ソーシャルブックマーク機能
(07/02)ブログ記事でHTML/CSS/Javascriptなどのソースコードを綺麗に表示したい 〜 dpSyntaxHighlighter
(06/25)Javascript onloadが複数ある場合の対処法 〜FancyZoomとCubeブログシールを共存させる
(06/25)クールなズームアップを手軽に実現 〜 FancyZoom 1.1
(06/21)Webサイト/ブログのCSSを直感的に理解できるFireFoxアドオン 〜 EditCSS
(06/15)記事の中でHTMLタグを表示したい
(06/15)パンくずリストをつける
(06/12)Slimbox / Lightbox のキャプションにリンクを貼るには
(06/10)slimbox1.52 reflection1.3 バージョンアップへ対応
(05/31)mooSlideBox3.2 が動かない 〜 mooSlide2.jsの修正で解決
(05/28)Mootoolsパノラマ・スクリプト "Pamoorama" VS "Mediabox"+村上スクリプト
2008年06月15日

記事の中でHTMLタグを表示したい この記事をはてなブックマークする |

Evernoteにクリップする

 カスタマイズに関するブログやサイトでは、記事の中でHTMLやCSSのタグを表示させて説明しているのですが、記事の中で普通にHTMLタグを使ってしまうとタグが反映されてしまって文字としてうまく表示されません。

 例えば <font color=red>テスト</font>  と記事にHTMLタグそのまま書くと、実際にはテストとHTMLが解釈されて表示されてしまいます。

 このため、<> といったタグの括弧部分を全角の に直してタグとして解釈されないような形で記事としてアップし、実際に使用する場合は半角に直してくださいとの注意書きを付しているブログ、サイトがあるのですが、それだと書かれている記事のHTMLタグをそのままコピペして使えず不便です。

 解決方法としては、<  →  &lt; >  →  &gt; と変換しておけば、ちゃんと記事でタグとして表示されます。

 つまり上の例では &lt;font color=red&gt;テスト&lt;/font&gt; と書けば、記事では<font color=red>テスト</font> と表示されます。

 同様に & や " もそうで、それぞれ &  →  &amp;  "  →  &quot;  と変換しておきます。

 でも、いちいち全てのタグを拾い出して修正するのは大変です。

 そこで活躍するのがakiyan.comの管理人あきやんさんの作成された”蓄々HTML実体変換

 アップしたいHTMLタグを文字列に入力またはコピペして変換ボタンを押せば一発で変換してくれます。

posted by 飛梅 at 20:29 | Comment(0) | TrackBack(0) | カスタマイズ(Seesaaブログ) | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/100621482
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。