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]
    • 終了タグには//があります。ブラウザがスクリプト ファイルをサポートしている場合、このタグによりスクリプト ファイルがコメント機能を自動的に実行することが防止されます。
    広告する

ヒント

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

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

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

推薦する

足首の痛みを和らげる方法

足の使いすぎや疲労は、新しい靴に足をこすったり、いつもより多く歩いたりすることで、足首に痛みを引き起...

ヒアリを駆除する方法

ヒアリは、赤アリ、または侵略的赤ヒアリとも呼ばれ、迷惑なだけでなく、人間や動物に有害です。ヒアリは家...

ヘチマの調理方法

ヘチマ(麺瓜とも呼ばれる)は栄養価が高く、おいしい食べ物です。長楕円形の種子を持つカボチャの品種です...

ボクシングのトレーニング方法

ボクサーになるには、努力、専門的なトレーニング、そして自信が必要です。ボクシングを職業として真剣に追...

賢くなる方法

自分自身を賢くする唯一の方法は、自分自身の努力を通してです。全ての試験で満点を取ったとしても、必ずし...

線形方程式を解く方法

線形方程式を解くのは非常に速くて簡単です。結局のところ、必要なのは 2 つのステップだけです。線形方...

キスマークの付け方

情熱的なキスの最中にパートナーにキスマークを残すのは、相手が「私のもの」であることを示す遊び心のある...

お金を賢く使う方法

お金を使いたいのに財布が空っぽだと恥ずかしい思いをしませんか?実際、どれだけお金を持っていても、合理...

コンピュータから機密ファイルとデータを完全に削除する方法

ハードドライブからファイルとデータを実際に削除するには、それらのファイルが以前占めていたスペースを埋...

ハーブチンキの作り方

チンキ剤は、ワインや砕いたハーブから作られた濃縮ハーブエキスです。チンキ剤は、特に糸状植物や木質植物...

アイロンの掃除方法

あなたの鉄は中年の危機に直面していますか?汚れたシミが付いていたり、かつては滑らかだったアイロンをか...

誰かをあなたに恋させる方法

運命の人に出会ったら、すぐにわかるでしょう。これが愛です!でも相手は知っているのでしょうか?周りの人...

MP4 を DVD に書き込む方法

このwikiHowでは、MP4ビデオファイルを空のDVDディスクに書き込む方法を説明します。 DVD...

Skypeのダウンロード方法

Skype は、友人と連絡を取ったり、リモートで作業したりするために使用できる強力なチャット ツール...

葉挿しから多肉植物を育てる方法

葉挿しを使って多肉植物を育てるのはとても簡単です。いくつかの材料を用意して、いくつかの簡単な手順に従...