道具箱 web

6月18日設置

Posted by - 2024.05.04,Sat

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Posted by No Name Ninja - 2010.09.01,Wed


ディレクトリ内の全てのファイルに対して反映
.htaccess

<Files ~ "\.(html|php)$">
Header add Pragma "no-cache"
Header set Cache-Control no-cache
</Files>


ページ単位
htmlファイル

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">

＃"pragma" は HTTP/1.0準拠のブラウザを対象とし、
＃"cache-control" は HTTP/1.1準拠のブラウザを対象とする指令

＃pragmaは互換性のために残されている
＃新しく追加するなら後者の「cache-control」を使用した方がいい

＃XHTML1.1 では、これら http-equiv属性の指定は、
＃HTML互換のため指定自体が推奨されていない
＃文字コードやMIMEタイプ、リダイレクト、キャッシュの制御などは、
＃直接、HTTPヘッダ情報に定義するために .htaccess などを使う

効かない場合は、有効期限もつける
<meta http-equiv="expires" content="0">

＃<meta http-equiv="expires" content="秒数またはGMT" />
PR

web | Comments (0) | Trackbacks ()

IE6/7/8を区別するCSSハック

Posted by No Name Ninja - 2010.03.30,Tue


(css_hack.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</style>
<link rel="stylesheet" href="hack.css" type="text/css" />
</head>
<body>
hello world
</body>
</html>


(hack.css)

body {
  color: red;
  color : green\9;
  *color : yellow;
  _color : orange;
}

web | Comments (0) | Trackbacks ()

条件付コメント

Posted by No Name Ninja - 2010.03.30,Tue



全IEに適用
  <!--[if IE]>
    <p>IEだけで表示</p>
  <![endif]-->

IE6以上に適用
  <!--[if gte IE 6]>
    <p>IE6以上だけで表示</p>
  <![endif]-->

IE6以下に適用
  <!--[if lte IE 5]>
    <p>IE6以下だけで表示</p>
  <![endif]-->

IE6以外に適用
  <!--[if !IE 6]>
    <p>IE6以外だけで表示</p>
  <![endif]-->

全IE以外に適用
  <![if !IE]>
    <p>IE以外のブラウザで表示</p>
  <![endif]>

  ※コメントの書き方が変わる
  <!-- → <!
  --> → >



IE6以下のみに適用するスタイルシート
  <link rel="stylesheet" type="text/css" href="common.css">
  <!--[if lte IE 6 ]>
  <link rel="stylesheet" type="text/css" href="ie6.css">
  <![endif]-->

web | Comments (0) | Trackbacks ()

Content-type ヘッダ一覧 (MIME-type)

Posted by No Name Ninja - 2009.01.14,Wed


テキスト・文書・MSオフィス関連ファイル
テキスト文書       | .txt       | text/plain
CSVファイル        | .csv       | text/csv
TSVファイル        | .tsv       | text/tab-separated-values
ワード文書         | .doc       | application/msword
エクセルシート     | .xls       | application/vnd.ms-excel
パワーポイント     | .ppt       | application/vnd.ms-powerpoint
PDF文書            | .pdf       | application/pdf
Docuworks          | .xdw       | application/vnd.fujixerox.docuworks
HTML文書           | .html .htm | text/html
スタイルシート     | .css       | text/css
JavaScriptファイル | .js        | text/javascript
HDML文書           | .hdml      | text/x-hdml

画像関連ファイル
JPEG               | .jpg .jpeg | image/jpeg
PNG                | .png       | image/png
GIF                | .gif       | image/gif
ビットマップ       | .bmp       | image/bmp
イラストレーター   | .ai        | application/postscript

音声関連ファイル
MP3                | .mp3       | audio/mpeg
MP4                | .m4a       | audio/mp4
WAV                | .wav       | audio/x-wav
MIDI               | .mid .midi | audio/midi
SMAF               | .mmf       | application/x-smaf

動画関連ファイル
MPEG               | .mpg .mpeg | video/mpeg
WMV                | .wmv       | video/x-ms-wmv
Flash (Shockwave)  | .swf       | application/x-shockwave-flash
3GPP2              | .3g2       | video/3gpp2

圧縮ファイル関連ファイル
ZIP形式            | .zip       | application/zip
LZH形式            | .lha .lzh  | application/x-lzh
tar / tar+gzip形式 | .tar .tgz  | application/x-tar

その他ファイル
実行ファイル       | .exe       | application/octet-stream