htmlタグ｜!– — ソース中のコメント

<!– ここにコメント –>

ホームページ制作（ウェブサイト制作）の際に使用する<!– –>についてのご説明です。

ホームページ制作において<!– –>は、ブラウザに表示されないテキストとして、ソース中にコメントを入れる際に使用します。

ソース中のコメントとして記述された内容は、マークアップやスクリプトであっても無効となります。

ホームページ制作時にコメントを利用することで、メモを残したりコメントアウトで無効にする場所を削除せずに残したりすることができます。ホームページの閲覧に関しては関係のないようなものになりますがホームページ制作・Web制作においては重宝する仕組みです。

<!– –> コメントの内容、ソース中にコメントを入れる

<!– –>で囲った部分は、html文書（ウェブページ）のコメント（注釈）として、ブラウザ表示上は表示されませんが、htmlソースの中に表示されます。

<!　はマーク付けの宣言開始、– （ハイフン２つ）がコメントの開始と終了を定義します。

Internet Explorer独自仕様の<comment>と同様の要素ですが、こちらのほうが一般的です。

なお、<comment>はhtml5で廃止。

コメントアウト

コメントアウトは、ホームページ制作時にコメント機能を用いることで、該当箇所をブラウザ表示において一時的に無効にするという機能です。

この<!– –>は、コメント（注釈）として、html文書の中にコメントを入れるためのタグです。

ソースには表示されるものの、ブラウザ表示はされません。

本来は開発者の備忘録、コメントとしての使い方をしますが、「ソース表示されてブラウザには表示されない」という機能を応用して、該当箇所を<!– –>で囲うことによって、その場所をブラウザ表示では無効化する、という使い方があります。

このような応用を「コメントアウト」と呼びます。

コメントアウトは、該当箇所をブラウザ表示において無効にするという機能であり、該当箇所のマークアップなどを無効化して表示テストしたりする場合に用います。

なお、CSSの場合は、/* */で囲うとコメント化します。

<!– –>

<!– ここにコメント –>

このタグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ（ウェブサイト）でも使用することができるため、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ（ウェブサイト）制作・作成に役立つHTMLタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ制作・SEOの1ポイント

ホームページ制作を行う時に、ページを改良したり、ブログラムの実行テストを行うことがあります。その場合、バックアップを取りながら異なるコードで試すことも一つですが、コメントアウトでソースを無効化して、テストを行えば、改変前のコードが残存しているため、元に戻す時に手間が省けます。ホームページ作成の段階でのテストに用いると便利です。

モダンなWeb開発におけるコメント管理と運用ルール

ホームページ制作の技術は進化しており、現在、私たちプロの現場では「開発環境」と「本番環境」でコメントの扱いを明確に分けて管理しています。ここでは、より専門的かつ実践的なコメントの運用について解説します。

本番環境とセキュリティリスクへの配慮

開発中には、チーム内での連絡事項や、コードの意図を伝えるためにコメントを積極的に活用することは重要です。しかし、一般のユーザーが閲覧する本番環境（公開中のホームページ）のファイルには、これらのコメントを残さないことが推奨されます。

コメントの中に、開発担当者の個人名や社内のサーバー構成、あるいは「後で修正する」といったメモが残っているケースが稀に見受けられます。これらは、悪意のある第三者に対してホームページの裏側の構造や、セキュリティの穴をヒントとして与えてしまう可能性があります。事業におけるリスク管理の観点からも、公開されるHTMLソースコードからは、閲覧者に不要な情報は極力排除することが求められます。

表示速度の向上と自動化ツールの活用

コメントを削除することは、ファイルの容量を軽量化し、ホームページの表示速度をわずかながら向上させる効果もあります。

現在、多くの高度なWeb制作の現場では、手作業でコメントを消すのではなく、ビルドツールやCMSのプラグインを使用して、公開時に自動的にコメントを除去（Minify化）する仕組みを取り入れています。これにより、開発時はわかりやすく、公開時は安全かつ軽量な状態を保つことができます。

SEOとバージョン管理システムの役割

SEO（検索エンジン最適化）の観点では、コメントアウトされたテキストが直接検索順位を下げることはありません。しかし、Googleなどの検索エンジンは、ユーザーに見えているコンテンツとソースコードの内容が乖離していないかを確認しています。

不要になった古いコードを「念のため」とコメントアウトして大量に残すよりも、Gitなどのバージョン管理システムを活用して過去の履歴を保存し、公開されるソースコード自体は常に最新かつクリーンな状態を保つことが、長期的にはメンテナンス性の高い、健全なホームページ運営につながります。

ホームページ（ウェブサイト）のHTML編集方法

ホームページのHTML編集方法について。ホームページ（ウェブサイト）は基本的にHTMLで構成されています。かつてはHTML単独でHTMLの文書スタイルを設定していましたが、現代ではページの基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ制作・作成、ホームページ修正の基本はこのHTMLとCSSの編集で行います。

ホームページのHTML編集方法