HTML でコメントを追加する方法

HTML でコメントを追加する方法

コードを書いた後にコメントを残しておくと、後でページを編集するときにヒントや説明が得られます。新しい機能がまだ成熟しておらず、継続的にテストおよび編集する必要がある場合は、コメントを追加してコードの一部をすぐに無効にすることができます。正しいコメントの書き方を学ぶことは、ソースコードを書くときに間違いなく大きな助けになります。

ステップ

  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/795094-1.jpg\/v4-460px-795094-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/795094-1.jpg\/v4-728px-795094-1.jpg","smallWidth":460,"smallHeight":258,"bigWidth":728,"bigHeight":409,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 1 行コメントを挿入します。コメントは<!-- タグ-->タグの間に記述する必要があります。コードのどこかに短いコメントを挿入して、後でそのコードで何が起こっているかを思い出せるようにします。
     <html>
    <ヘッド>
    < title >コメントテスト</ title >
    </ヘッド>
    <本文>
    <!-- このコードは段落を作成します -->
    < p >これはウェブサイトです</ p >
    </本文>
    </html>
    
    • コメント タグにはスペースを含めることはできません。たとえば、 <!--タグの間にスペースがあると、コメント機能が有効になりません。ただし、開始タグと終了タグの間の内容に制限はなく、任意の数のスペースを追加できます。
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/795094-2.jpg\/v4-460px-795094-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/795094-2.jpg\/v4-728px-795094-2.jpg","smallWidth":460,"smallHeight":258,"bigWidth":728,"bigHeight":409,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2複数行コメントを実装します。コメントは複数の行に分割することもできます。複数行コメントは、複雑なコードを説明したり、コードの大きなセクションを隠したりする場合に便利です。
     <html>
    <ヘッド>
    < title >コメントテスト</ title >
    </ヘッド>
    <本文>
    <!--
    コメントは好きなだけ長くすることができます。
    コメント タグ間のコンテンツはページ コードに影響を与えません。
    -->
    < p >これはウェブサイトです</ p >
    </本文>
    </html>
    
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/ba\/795094-3.jpg\/v4-460px-795094-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/ba\/795094-3.jpg\/v4-728px-795094-3.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3コメント機能を使用して、コードをすばやく無効にします。プログラムのバグを見つけたい場合や、ページ上でコードが実行されないようにしたい場合は、コメント機能を使用してすぐに目的を達成できます。その後は、コメントタグを削除するだけで、コードは元の状態に戻ります。とても簡単です。
     <html>
    <ヘッド>
    < title >コメントテスト</ title >
    </ヘッド>
    <本文>
    < p >これらの画像をご覧ください</ p >
    
    <画像src = "/images/image1.jpg" >
    <!-- 今のところこの画像を非表示にしています
    <img src="/images/image2.jpg">
    -->
    </本文>
    </html>
    
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6e\/795094-4.jpg\/v4-460px-795094-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6e\/795094-4.jpg\/v4-728px-795094-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4コメント機能を使用して、関連するスクリプト プログラムをサポートしていないブラウザーでスクリプトを非表示にします。 JavaScript または VBScript でプログラミングする場合、コメントを追加して、スクリプトをサポートしていないブラウザーでスクリプトを非表示にすることができます。スクリプトがサポートされているブラウザで適切に実行されるように、スクリプトの先頭にコメントが挿入され、 //-->で終わります。
     <html>
    <ヘッド>
    <タイトル> VBScript </タイトル>
    </ヘッド>
    <本文>
    <スクリプト言語= "vbscript"タイプ= "text/vbscript" >
    <!--
    ドキュメント.write ( "Hello World! " )
    //-->
    </スクリプト>
    </本文>
    </html>
    
    [1]
    • 終了タグには//があります。ブラウザがスクリプト ファイルをサポートしている場合、このタグによりスクリプト ファイルがコメント機能を自動的に実行することが防止されます。
    広告する

ヒント

  • コメントは通常、将来のコード検索を容易にし、プログラム操作プロセス全体を理解できるようにするために使用されます。
広告する

<<:  アップルパイプの作り方

>>:  視力を改善する方法

推薦する

犬のイボを取り除く方法

犬の小さな腫瘍(イボ)のほとんどは良性なので、除去する必要はありません。必要がないのに急いで除去する...

インターネット接続を修復する方法

この記事では、ネットワークの問題をトラブルシューティングする方法について説明します。インターネットの...

にんじんスープの作り方

健康的でおいしい食事をお探しなら、このレシピが最適です。クリーミーなニンジンスープを作りたい場合でも...

友達を取り戻す方法

私たちは友情は岩のように固いものだと教えられていますが、現実にはほとんどの友情には良い時も悪い時もあ...

腰の筋肉を伸ばす方法

大腰筋は、股関節屈筋の一部である深層部の筋肉です。体の両側に 1 つずつあり、主な機能は太ももを胴体...

自分を尊重する方法

強い自尊心は、自分の可能性を実現し、健全な人間関係を築き、尊敬を得るのに役立ちます。まず自分自身を受...

...

まつ毛を長くする方法

太くて長いまつ毛を持つことは多くの女性の夢と言えますが、女性の中にはこの夢を実現するのは簡単ではない...

女の子を妊娠させる方法

既婚女性にとって、妊娠は容易なことです。男性は精子の運動性を高め、排卵期を計算し、性交の質を改善する...

ビジネスで競争優位性を獲得する方法

競争上の優位性を獲得するには、まず競合他社に対して優位に立つ必要があります。ダイナミックなビジネスの...

PayPal取引紛争の処理方法

PayPal ユーザーは、ショッピング時に PayPal が提供する購入者保護ポリシーを利用できます...

Nintendo Switchでボイスチャットをする方法

このwikiHowでは、Nintendo Switchでボイスチャットを有効にする方法を説明します。...

告白の仕方

何か悪いことをすると、たとえ捕まったり罰せられたりしなくても、悪い気持ちになります。私たちが犯す間違...

匿名のテキストメッセージを送信する方法

ますます仮想化が進む環境でのコミュニケーションは楽しいものですが、安全性に欠けることもあります。多く...

iPhone 画面にホームボタンを追加する方法

iPhone ソフトウェアの新しいバージョンには、画面上に仮想ホームボタンを追加できる特別な機能があ...