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

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 までご連絡ください。
テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

メモ帳++7.3.1

メモ帳++7.3.1

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

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 中国語版

SublimeText3 中国語版

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