ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

コメントアウトと特殊文字の入力

コメントアウトとは

ソースコードの中には、処理の内容やメモ書きなど、ブラウザ上には表示されないコメントやメモ書きを入力することができます。

ソースコードが長くなってくると、何について記述されているかわからなくなってくる事があります。
そんなときに、「ここはこの部分(処理)ですよ」といったコメントがあると、とても管理しやすくなります。

<!--コメント-->

<!--と-->で囲んだテキストはコメントとして扱われ、ブラウザ上には一切表示されません。
ソースコードの表示から見ると、コメントを確認することができます。

<!--  -->で囲むことを、「コメントアウトする」といいます。

コメントアウトの入力例

下記のソースコードに入力された、<!--ここはコメントとして処理されます。-->はブラウザで表示されません。

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<h1>H1テキスト</h1>

<!--ここはコメントとして処理されます。-->

<p>テキストテキストテキスト</p>

</body>

</html>

ブラウザで確認すると・・・・

コメントアウトの表示例

コメントアウトした文字は表示されません。

ホームページの設計者、もしくはソースコードを読む人にしか見えない、「説明書」みたいなものです。

後からソースコードを修正・確認するときや、共同作業をする際はコメントを残しておくと、とっても便利です。
なるべくコメントは残すようにすると、後々作業がしやすくなります。

覚えておきたいポイント

タグを囲んでもOK

コメントでタグを囲むこともできます。例えば、<h1>をコメントで囲んだ場合、<h1>は表示されなくなります。

特殊文字の入力について

HTMLでは特殊文字や記号の入力が可能です。

♥や®、©などの特殊文字を入力するには、&に続けて、文字番号やキーワードを入力することで表示可能です。

特殊文字の入力方法

例えば、♥を表示させたい場合、&#9829;(もしくは&hearts;)と入力します。

<p>私はチョコレートが大好きなんです&#9829;</p>

これをブラウザで表示すると、♥が表示されます。

特殊文字の表示例

この他にも、様々な特殊文字を表示させることができます。
例えば、♠であれば&#9824; ♣は&#9827; ♦は&#9830;などなど。

なお、この特殊文字を指定することを「実体参照」といいます。
実体参照は、特殊文字を入力する以外にも、記号の表示方法として使われます。

例えば、<>などを表示したい場合は、そのまま入力するとタグとして認識されてしまうため、ブラウザ上で見ることができません。
しかし、これを実体参照することにより、ブラウザ上に表示することができます。
なお、<は&lt; >は&gt;となります。

とにかくこの他にも種類はたくさんあるので、別ページにまとめてみました。
特殊文字を表示したい場合はそちらを参考にしてください。

覚えておきたいポイント

キーワードでも呼び出し可能

実体参照は、番号以外にもキーワードで呼び出すことが可能です。
(♥の場合、&hearts;でもOK)

どちらで指定しても結果は同じなので、お好みで使い分けてください。

宣言文の入力
« 前のページへ aside要素

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。