HTML・CSSそれぞれにコメントを入れたい

2020年6月7日

HTML・CSS入門

今回紹介するタグは、コードを書く時に、メモ的にコードとコードの間にメモを入れておきたい時に使うタグです。

前回のサンプルコードを使って見ていきます。

＜HTML＞

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="description" content="ページ概要">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style.css">
<title>&lt;div&gt;について</title>
</head>
<body>
  <!-- ここからメインコンテンツ --> 
<div class="main">
<h1>main</h1>
</div>
<div class="sub">
  <h2>sub</h2>
</div>

<script src="js/script.jp"></script>
</body>
</html>

＜CSS＞

/* コメントを入力 */

.main{
  margin: 50px;
  padding: 20px;
  background-color: #ccc;
}

.sub{
  margin: 50px;
  padding: 20px;
  background-color: #F8E0E6;
}

HTMLは<!– –>、CSSは/* */を使って、メモなどを残しておく場合にコメントを入力しておくと、自分以外の人に引き継ぎをする際などに便利です。

ちなみにこのコメントタグはコードを非表示にするので、サイト上には何も表示されません。

今回はHTML・CSSそれぞれにコメントを入れたい時に使用するコメントタグのお話でした。

HTML・CSSそれぞれにコメントを入れたい

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル