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

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

Jun 24, 2016 am 11:37 AM

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 コメントを使用する必要があります。 。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles