Windows で、HTTPでのやり取りを眺めるツール。

  • HTTP debug tool
IE ---- Fiddler2
 http://www.fiddler2.com/Fiddler2/firstrun.asp
 extension : http://www.fiddler2.com/fiddler2/extensions.asp

Firefox ---- Firebug


文字コード明示

<html lang="ja">
まず、<html>の中で使用言語を示します。ja は日本語を示します。
日本語以外では en (英語)、fr (フランス語)、de (ドイツ語)、zh (中国語) などがあります。

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
METAタグのContent-typeを明示すると同時に文字コードも明示します。
Shift_JIS 以外は EUC-JP, iso-2022-jp (JIS), UTF-8(Unicode) などがあります。
Shift_JIS はアンダーバー。EUC-JP と iso-2022-jp, UTF-8はハイフンです。
× content="text/html;" charset="Shift_JIS"
○ content="text/html; charset=Shift_JIS"

  • 行間を広げる
<BODY STYLE="line-height: 150%">

line-heightの活用

<div style="font:900 46pt;line-height:6pt;">
   <div style="color:#404040;text-indent:50px;">
       abc</div>
   <div style="color:#808080;text-indent:100px;">
       def</div>
   <div style="color:red;text-indent:150px;">
       ghi</div>
</div>

スタイルシートを使ったテキストフィルタ
http://www.tohoho-web.com/css/filter.htm

スタイルシートクイックレファレンス
http://www.htmq.com/style/index.shtml


以下広告
最終更新:2008年03月24日 01:47