HTMLのフッターに表示される年を変更する方法

2024-02-09 23:52 HTMLフッター年

  1. JavaScriptを使用する方法:

    <!DOCTYPE html>
<html>
<head>
<script>
function updateYear() {
  var year = new Date().getFullYear();
  document.getElementById("year").innerHTML = year;
}
</script>
</head>
<body onload="updateYear()">
<footer>
&copy; <span id="year"></span> Your Website
</footer>
</body>
</html>

    この例では、JavaScriptを使用して現在の年を取得し、フッター内の特定の要素に表示します。onloadイベントでupdateYear()関数が呼び出され、ページの読み込み時に年が更新されます。

  2. PHPを使用する方法:

    <!DOCTYPE html>
<html>
<body>
<footer>
&copy; <?php echo date("Y"); ?> Your Website
</footer>
</body>
</html>

    この例では、PHPのdate()関数を使用して現在の年を取得し、フッター内で表示します。echo文を使用して年を出力します。

  3. HTMLのみを使用する方法:

    <!DOCTYPE html>
<html>
<body>
<footer>
<script>
  document.write("&copy; " + new Date().getFullYear() + " Your Website");
</script>
</footer>
</body>
</html>

    この例では、HTMLのdocument.write()メソッドとJavaScriptを使用して現在の年を取得し、フッター内に表示します。

これらのコード例を使用すると、HTMLのフッターに表示される年を簡単に変更できます。お好みの方法を選択し、適用してください。