修正したCSSが反映されない！？強制的にキャッシュを再読み込みさせる方法

ページデザインが完成してレスポンシブもばっちりと思って、提出すると「変わってないですが。。。」と言われてしまう。
キャッシュをクリアして再読み込みすればいいから「shift」を押して更新すれば良いじゃん！と思っちゃうけど、お客さんにひと手間加えさせるのは申し訳ないので、ちゃんとやっておこう！

HTML head内のCSSを読み込む時にファイル名の後ろにパラメータを追加するだけで
強制的にキャッシュクリアして読み込んでくれるから安心ね！
以下にサンプル用意してるのでコピペしてね！

HTML

// ファイル名の後ろに「?」と日付やバージョンなどを追加します
<link rel="stylesheet" href="style.css?20210110">
<link rel="stylesheet" href="style.css?var=01">

これで毎回、パラメータを変更して更新すればお客さんに指摘されることがないです！
でも、毎回パラメータを更新するのが面倒と思ったり更新するのを忘れちゃう心配がある時は、phpで現在の日付と時間を取得する方法もありますので、その方法もご紹介します。
phpを使う時はファイル名を「index.html」から「index.php」にしてくださいね！

PHP

<link rel="stylesheet" href="style.css?<?php echo time(); ?>">

これでパラメータにUNIXタイムスタンプを追加できます。
UNIXタイムスタンプは、毎秒ごとに変わるので、記述も少ないし便利です！