Lang/html/css
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
#topicpath();
/////////////////////////////////////////////////////////...
* 目次 [#xa78718d]
#contents();
/////////////////////////////////////////////////////////...
* ブラウザの CSS キャッシュを無効にする [#s05aad00]
//=======================================================...
** 問題点 [#u66780c4]
- CSS を変更し、ブラウザからリロードしても、変更が反映さ...
//=======================================================...
** 解決策 [#j4c63e6f]
- 案1：Javascript を使い、CSS ファイルに付加する文字列に...
-- 例：
<!-- 変更前 -->
<link rel="stylesheet" href="css-file.css" type="text/cs...
<!-- 変更後 -->
<script>
var ts = (new Date()).getTime();
document.write('<link rel="stylesheet" href="./css-fil...
</script>
-- 短所：Javascript が必要。CSS に重い処理をさせている場...
-- 長所：読み込んだときのタイムスタンプが CSS ファイル名...
- 案2：ブラウザの設定でキャッシュの削除を行う。
-- 短所：自分以外の閲覧者には個別に依頼せねばならず、現実...
- 案3：HTML ソース側の CSS を指定する箇所で、CSS ファイル...
-- 例：
<!-- 変更前 -->
<link rel="stylesheet" href="css-file.css" type="text/cs...
<!-- 変更後 -->
<link rel="stylesheet" href="css-file.css?version1.0.1" ...
-- 短所：CSS 変更の度に全ての HTML を修正（上記例でいうと...
/////////////////////////////////////////////////////////...
* system.css - Macintosh System6 を模したデザインを実現す...
- [[System.css>https://sakofchit.github.io/system.css/]]
-- system.css を適用する際の HTML の記述のチュートリアル...
- [[system.css (GitHub)>https://github.com/sakofchit/syst...
/////////////////////////////////////////////////////////...
* 98.css - Windows98 を模したデザインを実現する [#w98_css]
- [[98.css>https://jdan.github.io/98.css/#intro]]
- [[98.css (GitHub)>https://github.com/jdan/98.css/blob/m...
終了行:
#topicpath();
/////////////////////////////////////////////////////////...
* 目次 [#xa78718d]
#contents();
/////////////////////////////////////////////////////////...
* ブラウザの CSS キャッシュを無効にする [#s05aad00]
//=======================================================...
** 問題点 [#u66780c4]
- CSS を変更し、ブラウザからリロードしても、変更が反映さ...
//=======================================================...
** 解決策 [#j4c63e6f]
- 案1：Javascript を使い、CSS ファイルに付加する文字列に...
-- 例：
<!-- 変更前 -->
<link rel="stylesheet" href="css-file.css" type="text/cs...
<!-- 変更後 -->
<script>
var ts = (new Date()).getTime();
document.write('<link rel="stylesheet" href="./css-fil...
</script>
-- 短所：Javascript が必要。CSS に重い処理をさせている場...
-- 長所：読み込んだときのタイムスタンプが CSS ファイル名...
- 案2：ブラウザの設定でキャッシュの削除を行う。
-- 短所：自分以外の閲覧者には個別に依頼せねばならず、現実...
- 案3：HTML ソース側の CSS を指定する箇所で、CSS ファイル...
-- 例：
<!-- 変更前 -->
<link rel="stylesheet" href="css-file.css" type="text/cs...
<!-- 変更後 -->
<link rel="stylesheet" href="css-file.css?version1.0.1" ...
-- 短所：CSS 変更の度に全ての HTML を修正（上記例でいうと...
/////////////////////////////////////////////////////////...
* system.css - Macintosh System6 を模したデザインを実現す...
- [[System.css>https://sakofchit.github.io/system.css/]]
-- system.css を適用する際の HTML の記述のチュートリアル...
- [[system.css (GitHub)>https://github.com/sakofchit/syst...
/////////////////////////////////////////////////////////...
* 98.css - Windows98 を模したデザインを実現する [#w98_css]
- [[98.css>https://jdan.github.io/98.css/#intro]]
- [[98.css (GitHub)>https://github.com/jdan/98.css/blob/m...
ページ名:
![[PukiWiki]](image/tux_100x119.jpg "[PukiWiki]")
