この記事では、HTML コメントと色について説明し、一般的に使用される色の名前と 16 進値をいくつか紹介します。皆さんのお役に立てれば幸いです。
1. HTML コメント (例付き)
HTML コメントは主に、コードは説明されており、コメントもコードの一部ですが、ブラウザはコメントの内容を自動的に無視するため、ユーザーは Web ページ上のコメントを見ることができません。
完全な HTML ドキュメントは多くの場合、数百行または数千行のコードで構成されており、その特定の部分を変更する場合には長い時間がかかる可能性があるため、コードを記述するときはコメントを有効に活用する必要があります。 . そうすることで初めて、変更したい場所が見つかります。コメントの場合は異なります。関数やその他の条件に応じてプログラムをいくつかの部分に分割し、コメントを付けることで、自分や他の人がコードを読みやすくなり、コードの可読性が向上します。
単一行コメント
HTML では、<!-- --> を使用してコードにコメントを追加できます、<!-- および - -> ; の間にあるものはすべてコメントとして扱われます。サンプル コードは次のとおりです。
<!DOCTYPE html>
<html>
<!-- head 开始 -->
<head>
<meta charset="UTF-8"> <!-- 当前文档采用UTF-8编码 -->
<title>HTML注释的写法</title>
</head>
<!-- head 结束 -->
<!-- body 开始 -->
<body>
<!-- 一段文本 -->
<p>欢迎来到PHP中文网</p>
</body>
<!-- body 结束 -->
</html>コメントは、ドキュメントの先頭、ドキュメントの末尾、ドキュメントの途中、タグの外側、ドキュメント内など、HTML ドキュメント内のどこにでも表示できます。タグの内容など。
複数行のコメント
これまでは主に 1 行のコメントについて説明しましたが、HTML では複数行のコメントもサポートされています。複数行のコメントと単一行のコメントの違いは大きくありません。コメントの内容が <!-- と -->## の間にあることを確認するだけで済みます。 #、以下に示すように :<!--
多行注释
-->
IE 条件付きコメント
条件付きコメントは、Windows システム上の Internet Explorer (IE) ブラウザでのみ有効であり、他のブラウザでは無視されます。 IE5 以降、条件付きコメントがサポートされており、条件付きコメントを使用して、IE ブラウザを使用しているユーザーに指示を与えることができます。以下に示すように:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IE浏览器条件注释</title>
</head>
<body>
<h4 id="根据不同的-nbsp-IE-nbsp-版本显示不同的内容">根据不同的 IE 版本显示不同的内容</h4>
<!-- 如果使用 IE，则显示 -->
<!--[if IE]>
<p>您正在使用IE浏览器</p>
<![endif]-->
<!-- 如果使用 IE8，则显示 -->
<!--[if IE 8]>
<p>您正在使用 IE8</p>
<![endif]-->
<!-- 如果不是使用 IE7，则显示 -->
<!--[if !IE 7]>
<p>您使用的不是 IE7</p>
<![endif]-->
<!-- 如果版本小于 IE10，则显示 -->
<!--[if lt IE 10]>
<p>您正在使用 IE10 以下的版本</p>
<![endif]-->
<!-- 如果版本大于等于 IE6，则显示 -->
<!--[if gte IE 6]>
<p>您正在使用 IE6 及其以上的版本</p>
<![endif]-->
</body>
</html> IE8 での実行効果:
#条件付きコメントにより、現在のブラウザが IE であるかどうかと IE のバージョンを検出でき、開発者は異なる IE ブラウザに応じて異なるスタイル シートや JS スクリプトを読み込むことができます。
IE のバージョンを比較するには、次のキーワードを使用します。
- lt: 「未満」の省略形で、「未満」を意味します。
- lte:less than or equal toの略で、以下という意味です。
- gt:「より大きい」を意味する「greater than」の略語。
- gte:「以上」を意味する「greater than or equal to」の略語。
- !:
- と等しくない IE ブラウザは HTML5 のサポートにあまり対応しておらず、以前のバージョンの動作はさらに奇妙です。IE市場では、大手インターネット企業が IE と互換性を持たなくなり、開発プロセス中に誰もが IE に注目する必要がなくなりました。
2. HTML カラー値の設定HTML カラーは、赤、緑、青の混合です。
1. すべてのブラウザはカラー名セットをサポートしており、カラー値は RGB 形式のキーワードまたは数値であり、Web ページの途中でよく使用されます。
2. 色の値として英単語を使用します:
- 赤 red | 緑 | 青 | ピンク | 紫など。
- 3. 6 桁の 16 進数のカラー値:
- ff0000 省略形: #f00
- 最初の 2 桁は赤を表し、中間の 2 桁は赤を表します。色は緑で、最後の 2 桁は青を表します。
- 色の名前または 16 進数値をクリックすると、さまざまなテキストの色に一致する背景色が表示されます。
| 色の名前 | HEX | カラー |
|---|---|---|
| アリスブルー | #F0F8FF | |
| AntiqueWhite | ##FAEBD7 | |
| #00FFFF | ||
| #7FFFD4 | ||
| #F0FFFF | ||
| #F5F5DC | ||
| #FFE4C4 | ||
| #000000 | ||
| #FFEBCD | ||
| ##0000FF | ##ブルーバイオレット | |
| #8A2BE2 | #ブラウン | |
| バーリーウッド | ||
| CadetBlue | ||
| Chartreuse | ||
| チョコレート | ||
| コーラル | ||
| コーンフラワーブルー | ||
| コーンシルク | FFF8DC | |
| ##クリムゾン | DC143C | |
| #シアン | #00FFFF | |
| ##ダークブルー | ##00008B | |
| #008B8B | ||
| #B8860B | ||
| #A9A9A9 | ||
| #006400 | ||
| BDB76B | ||
| 8B008B | #ダークオリーブグリーン | |
| #556B2F | ## DarkOrange | |
| #FF8C00 | #DarkOrchid | |
| #9932CC | #ダークレッド | |
| ##8B0000 | #ダークサーモン | |
| ダークシーグリーン | ||
| ##DarkSlateBlue | ||
| ##DarkSlateGray | ||
| ダークターコイズ | #00CED1 | |
| ダークバイオレット | #9400D3 | |
| ディープピンク | #FF1493 | |
| ディープスカイブルー | #00BFFF | |
| DimGray | #696969 | |
| #ドジャーブルー | #1E90FF | |
| FireBrick | #B22222 | |
| FloralWhite | ##FFFAF0||
| #228B22 | #フクシア | |
| #FF00FF | ゲインズボロ | |
| #DCDCDC | GhostWhite | |
| #F8F8FF | Gold | |
| #FFD700 | ゴールデンロッド | |
| ##DAA520 | グレー | |
| #808080 | 緑 | |
| #008000 | 緑黄 | |
| #ADFF2F | ハニーデュー | |
| #F0FFF0# ＃＃＃＃＃＃＃＃ ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃ホトピンク＃＃＃ | ##FF69B4 | |
| #CD5C5C | ||
| ##4B0082 | ||
| #FFFFF0 | ||
| #F0E68C | ||
| #E6E6FA | ||
| ##FFF0F5 | LawnGreen | |
| #7CFC00 | レモンシフォン | |
| #FFFACD | #ライトブルー | |
| #ADD8E6 | LightCoral | |
| # F08080 | ライトシアン | |
| ##E0FFFF | ライトゴールデンロッドイエロー | |
| #FAFAD2 | ライトグレー | |
| #D3D3D3 | ライトグリーン | |
| #ライトピンク | ||
| #ライトサーモン | #FFA07A | |
| ライトシーグリーン | #20B2AA | |
| ライトスカイブルー | #87CEFA | |
| ##LightSlateGray | #778899 | #|
| #淺鋼藍 | #B0C4DE | #|
| ##淺黃色 | #FFFFE0 | |
| #00FF00## | ||
| #32CD32 | ||
| #FAF0E6 | # | ##洋紅色 |
| #FF00FF | ##栗子 | |
| #800000 | ## | #MediumAquaMarine |
| ##66CDAA## | 中藍色 | |
| # | ##中蘭花 | |
| # | #中紫色 | |
| ##中海綠 | ||
| #3CB371 | ##MediumSlateBlue | |
| #中春綠 | ||
| ########################################。 ################# #####中綠松石### ##########48D1CC########## # ##############中紫羅蘭色### # #########C71585########## ########### ####午夜藍### ##########191970# ## | ||
| ##薄荷奶油# | #F5FFFA | |
| #MistyRose | #FFE4E1 | #|
| 莫卡辛 | ||
| 納瓦霍懷特 | ||
| #海軍 | ||
| # 000080 | ||
| OldLace | #FDF5E6 | |
| ##Olive | # | ##808000|
| OliveDrab | ||
| # | ||
| ## | 橘紅色 | FF4500 |
| # | ##蘭花# | #DA70D6 |
| ################################ ########淡金棒### ##########EEE8AA######### ###############白綠### ####### ###98FB98######## ##############淡綠松石色### ######## ###AFEEEE######## #################淡紫紅色##############DB7093#### ################ ######木瓜鞭### ##########FFEFD5########## ## ##############PeachPuff### # #########FFDAB9######### ############################# #秘魯### ##########CD853F#### ##########CD853F#### ##########CD853F#####＃＃＃＃＃＃＃＃＃ | #FFC0CB | |
| #梅 | DDA0DD | ##|
| #B0E0E6 | # | |
| #800080 | ||
| #FF0000 | ||
| BC8F8F | # | |
| #4169E1 | ||
| #8B4513 | # | |
| ##FA8072 | ||
| #SandyBrown | ||
| ##海綠 | ||
| #SeaShell | ||
| #Norena | ||
| 銀色 | # | |
| ##天藍色 | #87CEEB | ## |
| #SlateBlue | #6A5ACD | ##|
| # | ##708090# ###### ########雪### ##########FFFAFA######### #### ############春綠# ############00FF7F### | |
| SteelBlue | #4682B4 | ##|
| Tan | #D2B48C | |
| Teal | #008080 | |
| ##D8BFD8 | ||
| #FF6347 | # | |
| ##40E0D0 | ||
| #EE82EE | # | |
| # | #F5DEB3||
| #FFFFFF | ||
| #F5F5F5 | ||
| #FFFF00 | ||
YellowGreen
以上がHTMLのコメントと色（色名、16進数）を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AMwebdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、
HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AMHTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。
HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AMHTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。
HTML、CSS、およびJavaScriptの役割：コアの責任Apr 08, 2025 pm 07:05 PMHTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。
HTMLは初心者のために簡単に学ぶことができますか？Apr 07, 2025 am 12:11 AMHTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。
HTMLでの開始タグの例は何ですか？Apr 06, 2025 am 12:04 AMAnexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は？Apr 05, 2025 pm 01:24 PMメニューで点線のラインセグメンテーション効果を設計する方法は？メニューを設計するときは、通常、皿の名前と価格の間に左右に合わせることは難しくありませんが、真ん中の点線またはポイントはどうですか...
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
メモ帳++7.3.1
使いやすく無料のコードエディター
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
