東京・大阪・名古屋・福岡・仙台・札幌で開催する初心者向けのHTML・CSSを使ったホームページ制作の1日集中講座(セミナー)です。 HTML・CSSの入門講座なら、神田ITスクール!

3.5 コメント文

コメント文

3.5 コメント文

HTMLの記述が長くなってくると、ソースコードのどこで何を記述しているのか分かりづらくなったり、数日後に見直したときに何を記載した内容なのか忘れてしまうことがあります。このような場合に有効なのが、 コメントです。コメントとは、ソースコード内に書き込むことのできる解説文やメモ書きのことで、ブラウザの表示には影響しません。(コメントとして記載したことはブラウザには表示されません)コメントをつける方法の書き方について学習していきましょう。

コメント文の記述例

<!– コメント内容 –>

コメントは、「<!–」と「–>」の間に記述します。ここに記述したことはコメントとして扱われ、ブラウザには表示されません。また、コメントには小なり記号(<)や大なり記号(>)も使用できたり、複数行にまたがるコメントも残すことができます。

複数行コメント文の記述例


<!–
コメントには<や>も使えます。
改行もできます。

–>

コメント文

1. コメントを記述する

①ソース・フォルダー :webpage/ch03
②ファイル名     :comment.html

➢ comment.html

        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>コメントの記述</title>
        </head>
        <body>
            <div class="contaner">
                <!-- ヘッダーここから -->
                <div id="header">
                    <h1 id="logo">コメントの記述</h1>
                    <ul>
                        <li>メニュー1</li>
                        <li>メニュー2</li>
                        <li>メニュー3</li>
                    </ul>
                </div>
                <!-- ヘッダーここまで -->
                <!-- メインここから -->
                <div id="main">
                    <p>メインの内容</p>
                </div>
                <!-- メインここまで -->
                <!-- フッターここから -->
                <div id="footer">
                    <p>&copy; Copyright Comment.co All rights reserved.</p>
                </div>
                <!-- フッターここまで -->
            </div>
        </body>
        </html>
        

2. ブラウザで確認する

ブラウザで表示を確認します。ソースコードに記述したコメント文が、ブラウザでは表示されていないことがわかります。

コメントを残す作業は、WEBページの作成においてとても重要です。最初のうちはシンプルなソースコードを書くことが多いので、コメントの記述を面倒に感じることもあると思いますが、できるだけコメントを残すようにしてください。ソースコードの内容が複雑になってきたり、他の人と共同でWEB制作を行う際などにはコメントがとても重要になります。

NEXT>> 3.6 本章のまとめ

HTMLとCSSの入門 目次

ご不明点はお問い合わせフォームからご連絡ください。

HTMLとCSSの入門 目次

ホームページ制作・保守

ホームページ制作・保守

セミナー講師

セミナー講師

主席インストラクター
早稲田大学大学院 理工学部卒業
SanJose 州立大学、コンピューター工学部卒業
アメリカのシリコンバレーでは、プログラマー・SEとして活躍
講師の詳細はこちら

ワードプレスセミナーも人気!

ワードプレスセミナーも人気!

より手軽にホームページ制作をしてみたい方にはワードプレスセミナーもおすすめです。
ワードプレスセミナーはこちら

1日集中HTML・CSSセミナーは、プログラミング教育で8年間の実績のある神田ITスクールが運営しています。
初心者、未経験者へわかりやすく教えるのには自信がありますので、ぜひご参加ください。
神田ITスクールのサイトはこちら

ホームページ制作・保守

ホームページ制作・保守
PAGETOP
Copyright © 2015 FusionOne Co.,Ltd. All rights reserved.