BaySky eBLOG

  : 

<私的備忘録> 気に入ったこと、気に懸かること、気に障ること を随意に・・・

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告  /  tb: --  /  cm: --  /  △top

HTML文の掲載 (その1) 

fc2blogcustomize_176x62 #007

ブログにHTML文そのものを掲載するにはひと工夫が必要です。
普通にHTML文を書いて、書いたとおりの文字・記号が画面表示されるものと思って保存すると、結果はそうはなりません。

HTML文が自動的に文法解釈の対象になり、解釈された結果が画面表示されます。元のHTML文は画面には表示されません。

HTML文そのものを画面表示するにはトリックが必要です。
即ち、HTML文に不可欠の 「 < 」 と 「 > 」 を Latain-1コードで入力します。
① 「 < 」 の代わりに 「 &lt; 」 か 「 &#60; 」 を入力します。② 「 > 」 の代わりに 「 &gt; 」 か 「 &#62; 」 を入力します。

◆例えば、こんな画面表示をさせるためには、
<div id="left-top"><h2><%topentry_title></h2></div>

◆入力原稿は、次のように記述します。
&lt;div id="left-top"&gt;&lt;h2&gt;&lt;%topentry_title&gt;&lt;/h2&gt;&lt;/div&gt;



さて、貴方が今ご覧になっているこの記事も、
入力原稿は苦労(工夫)しています。

因みに、
上の記事の全文をコピーして、
貴方のブログページの新規入力画面にペーストして、
保存(更新)してみてください。
その結果を画面閲覧してみてください。
記事の後半部分がどう表示されるか、楽しみです。

理由へ「上記の如し」です。

更に、上の入力原稿では <xmp>~</xmp>タグ も活用しています。
関心のある方はどこかのタグ辞典で調べてみてください。
スポンサーサイト
タグ: blog  カスタマイズ  customize  html 
weblog  /  tb: 0  /  cm: 0  /  △top

コメントの投稿

Secret

△top

この記事に対するコメント

△top

トラックバック

トラックバックURL
→http://baysky.blog1.fc2.com/tb.php/616-2cf8ceab
この記事にトラックバックする(FC2ブログユーザー)

△top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。