ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLタグシリーズ(1) - コメントタグ_html/css_WEB-ITnose

HTMLタグシリーズ(1) - コメントタグ_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:37:51
オリジナル
1074 人が閲覧しました

1. HTML コメントの構文

<!--注释内容-->
ログイン後にコピー

2. HTML コメントの用途

1. 通常のコメント (コードの可読性を高める)

他人にとって便利: 他のプログラマがあなたのコードを理解するのに便利です

自分自身にとっても便利です: 将来自分のコードを理解して修正するのに便利です

よくこの言葉を聞きます。 「コメントは良いコードの 3 分の 1 を占める」 , コメントの 3 分の 1 が多いか少ないかについては議論しません。コメントが非常に重要であることを明確にしておきます。

私の理解: 1. 良いコードにはコメントが必要です

2. コメントは多いほど良いのでしょうか?いいえ

コメントはいくつまでが適切ですか?優れた専門家によるいくつかの記事を読んだ後、中心的な考え方は次のように要約されます。「注釈が必要な場合には注釈が最適である」ということです。ナンセンスのように思えますが、これは世界の終わりのない真実を物語っています。今、それをゆっくりと消化する必要があります。偉大なマスターではない私たちの場合は、重要だと思われる箇所、そして自分自身や他の人が後で見つけて理解するのに便利な場所にのみコメントすればよいと思います。

個人的には、以下の 2 つの記事がわかりやすいと思いますので、コメントについての理解を深めていただければ幸いです

コード コメントを避けるべき 5 つの理由

避けるべき 5 つのコード コメント

2. 条件付きコメント(CSS付き)

CSSレイアウトではIE CSS Hackがよく使われます。 IE の場合 条件付きコメントは非常に大きな役割を果たします。 if IE の条件付きアノテーションを使用すると、IE ブラウザのさまざまなバージョンで、認識された条件付きコンテンツを読み取って、対応する CSS スタイルを設定できるため、CSS ハッキングを解決できます。

If 異なるバージョンのブラウザ注釈の条件リスト: gt: (より大きい) より大きい; lt: (より小さい) より小さい

;! --[IE 7 の場合]> IE7 のみが認識可能 ;

、または (|) が使用されます。を組み合わせて、より複雑な表現を作成します。

3. (javasctipt を使用) ブラウザーでサポートされていないスクリプトをコメント タグを使用して非表示にすることも良い習慣です (スクリプトがプレーン テキストとして表示されないように)

<script type="text/javascript"><!--function displayMsg(){alert("Hello World!")}//--></script>
ログイン後にコピー

コメント: コメント行末尾の 2 つのスラッシュ (//) は、JavaScript のコメント記号です。これにより、JavaScript が --> タグを実行できなくなります。

繰り返します:

Web ページでの

html

注釈の乱用を避けてください

不要な場合は、Web ページ内でのコメントの使用をできるだけ少なくしてください。コメントもブラウザによって読み込まれ、文字数が増加します。サイズ。一般に、DW ソフトウェアを使用して Web ページを分析し、コメントの使用をできるだけ少なくし、Web ページの文字化けを引き起こす中国語のエンコードの問題を避けるために、コメント内で中国語を使用しないようにすることができます。

では、コメントはどこで使用すればよいのでしょうか?

1. 重要だと思うコード。たとえば、HTML では、重要だと思われるコード レイアウトに注釈を付ける必要がある場合、HTML アノテーションを使用できます。 2. 他の人に見せます。たとえば、自分で HTML コードを作成した場合、コードの一部を説明する必要があると同時に、それを他の人に転送して読み取ったり、解釈したり、分析したりする必要があります。このとき、HTML コメントを使用する必要があります。 。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート