HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLコードにコメントする方法

HTMLドキュメントでは、Webブラウザによって解釈されないコメントを書き込むことができます。 HTMLファイル内でコメントを使用する目的は、自分自身またはチームのメンバーのために、コードを簡単に文書化(説明)することです。

HTMLドキュメントにコメントを追加するには、開始コメントタグと終了コメントタグを使用します: <!- -> 次のようなテキストが含まれています:

<!-- Here is a comment on a single line -->

HTMLコメントは複数行にすることもできます:

<!-- 
Here is a comment.
Here is another comment.
-->

注:HTMLコメントは解釈されないと言った場合 Webブラウザーでは、ページを右クリックして[ページソースの表示]をクリックしない限り、Webサイトの訪問者にはコメントが表示されないことを意味します。これが、機密を絶対に書かない理由でもあります。 パスワードなどのコメント内の情報。

HTMLコードにコメントを書くのは良い習慣ですか?

それはあなたが誰に尋ねるかによります。一部の開発者は、一般に、コードファイルでコメントを使用することに反対し、コードは明示的で自明であるべきだと提案しています。開発者は明示的なものと暗黙的なものについて異なる意見を持っているので、私はそれを購入しません。

私は物事をできるだけ明白にする側で誤りを犯します。少なすぎるよりも少し多すぎると説明したいと思います。特に初心者は、学習プロセスの開始時に余分な手を握ることで恩恵を受けます。

コメントとページの読み込み(パフォーマンス)

HTMLドキュメントのコメントの主な欠点は、スペースを占有することです。これにより、ビルドのサイズが大きくなり、ページの読み込みに影響します。ただし、これは理論上の問題にすぎません。コメントを削除することでパフォーマンスが大幅に向上したWebサイトについて聞いたことがありません。コメントは相対的なスペースをほとんどとらないので、強調するのは少しばかげています。

100行のHTMLコメントは約1KBを占めますが、gzip(圧縮方法)がないため、大幅に少なくなります。

コメントは短く、要領を得たものにする必要があります。したがって、HTMLコメント内に次の小説を書くことを考えているのでない限り、心配する必要はありません。

代わりに、サイトでの画像ファイルの圧縮を改善することを心配する必要があります。 Webサイトの1つの画像に対してより優れた圧縮方法を使用すると、数千行のHTMLコメントを削除するよりもページの読み込みが向上する可能性があります。物事を見通しに入れるためだけに。


  1. Instagramのコメントを管理する方法

    Instagramは最も人気のあるソーシャルネットワークの1つです。このアプリは、ユーザーが動画だけでなく画像も簡単に共有できるようにすることに重点を置くことで、すぐに注目を集めました。もちろん、コメントを書くことは全体の経験の大きな部分です。このチュートリアルでは、Instagramでコメントを使用して、アプリを最大限に活用するためのすべての方法を見ていきます。 投稿へのコメント 投稿へのコメントは、Instagramで最も古い形式のインタラクションです。モバイルアプリでもPCでも、Instagramの投稿にコメントするために知っておくべきことはすべてここにあります。 1。 Instagr

  2. Word でコメントを追加または削除する方法

    ドキュメントをレビューするときに誰かと同じ部屋にいることができない場合、次善の策はコメントを残すことです。 Microsoft Word では、テキストを強調表示してコメントを挿入することで作品内にフィードバックを残すことも、コメントに返信することでそのフィードバックに対応することも簡単にできます。 グループ プロジェクトに取り組んでいる場合でも、次の偉大なアメリカの小説の友人の概要を批評している場合でも、自分の作品を編集している場合でも、コメント機能は強力なツールです。 Word でコメントを追加または削除する方法は次のとおりです。 注: スクリーンショットは、macOS の Mic