Eine ausführliche Erklärung von HTML-Kommentaren und Farben (Farbnamen, Hexadezimalwerte)

Dieser Artikel führt Sie durch HTML-Kommentare und Farben und stellt einige häufig verwendete Farbnamen und Hexadezimalwerte vor. Ich hoffe, dass er für alle hilfreich ist!

1. HTML-Kommentare (mit Beispielen)

HTML-Kommentare werden hauptsächlich zur Erläuterung des Codes im Dokument verwendet, der Browser ignoriert jedoch automatisch den Inhalt des Dokuments Kommentare, sodass Benutzer keine Anmerkungen auf der Webseite sehen können.

Beim Schreiben von Code sollten wir Kommentare sinnvoll nutzen, da ein vollständiges HTML-Dokument häufig aus Hunderten oder Tausenden von Codezeilen besteht. Wenn wir einen bestimmten Teil davon ändern möchten, kann es lange dauern, bis wir das finden, was wir möchten wollen. Geänderter Ort. Mit Kommentaren ist das anders. Wir können das Programm nach Funktionen oder anderen Bedingungen in mehrere Teile unterteilen und diese mit Kommentaren markieren. Dies kann Ihnen und anderen helfen, Ihren Code zu lesen und die Lesbarkeit des Codes zu verbessern.

Einzeilige Kommentare

In HTML können Sie <!-- --> verwenden, um Kommentare im Code hinzuzufügen. Alles zwischen <!-- und --> Der Beispielcode lautet wie folgt:

nbsp;html>

<!-- head 开始 -->

    <meta>  <!-- 当前文档采用UTF-8编码 -->
    <title>HTML注释的写法</title>

<!-- head 结束 -->
<!-- body 开始 -->

    <!-- 一段文本 -->
    <p>欢迎来到PHP中文网</p>

<!-- body 结束 -->

Kommentare können überall im HTML-Dokument erscheinen, einschließlich am Anfang des Dokuments, am Ende des Dokuments, in der Mitte des Dokuments, außerhalb des Tags, innerhalb des Tag-Inhalts. usw.

Mehrzeilige Kommentare

Wir haben vorhin hauptsächlich einzeilige Kommentare gezeigt, aber auch mehrzeilige Kommentare werden in HTML unterstützt. Der Unterschied zwischen mehrzeiligen Kommentaren und einzeiligen Kommentaren ist nicht groß. Wir müssen nur sicherstellen, dass der Inhalt des Kommentars zwischen <!--和--> liegt, wie unten gezeigt:

<!--
    多行注释
-->

Zusätzlich zur Erläuterung des Codes können auch Kommentare verwendet werden Wenn Sie beispielsweise nicht möchten, dass ein bestimmter Code ausgeführt wird, können Sie ihn zuerst auskommentieren, damit der Browser den Code nicht ausführt.

IE Bedingte Kommentare

Bedingte Kommentare sind nur im Internet Explorer (IE)-Browser auf Windows-Systemen gültig, andere Browser werden sie ignorieren. Ab IE5 werden bedingte Kommentare unterstützt. Sie können bedingte Kommentare verwenden, um Benutzern, die den IE-Browser verwenden, einige Anweisungen bereitzustellen. Wie unten gezeigt:

nbsp;html>


    <meta>
    <title>IE浏览器条件注释</title>


<h4 id="根据不同的-IE-版本显示不同的内容">根据不同的 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]-->

Der Laufeffekt unter IE8:

Der Laufeffekt unter dem Chrome-Browser:

Bedingte Kommentare können erkennen, ob der aktuelle Browser IE ist, und die IE-Version, Entwickler Verschiedene Stylesheets oder JS-Skripte können je nach IE-Browser geladen werden.

Beim Vergleich der IE-Versionen werden die folgenden Schlüsselwörter verwendet:

• lt: die Abkürzung für weniger als, was weniger als bedeutet.

• lte: Abkürzung für kleiner als oder gleich, was kleiner als oder gleich bedeutet.

• gt: Die Abkürzung für „größer als“, was „größer als“ bedeutet.

• gte: Abkürzung für „größer als oder gleich“, was „größer als oder gleich“ bedeutet. ?? IE. Jeder ist im Entwicklungsprozess. Es besteht keine Notwendigkeit, sich auf den IE zu konzentrieren.

• 2. Einstellung der HTML-Farbwerte

HTML-Farbe ist eine Mischung aus Rot, Grün und Blau.

1. Alle Browser unterstützen Farbnamenssätze, die häufig in der Mitte von Webseiten verwendet werden. 2. Verwenden Sie englische Wörter als Farbwerte:

rot, grün |.

3. Sechsstelliger hexadezimaler Farbwert:

• #ff0000 Abkürzung: #f00

Die ersten beiden Ziffern stehen für Rot, die mittleren beiden Ziffern für Grün und die letzten beiden Ziffern für Blau.

• Klicken Sie auf einen Farbnamen oder einen Hexadezimalwert, um die Hintergrundfarben anzuzeigen, die zu verschiedenen Textfarben passen.

                  Wir sind uns nicht sicher, wie sinnvoll das heutzutage ist, da immer mehr Computer in der Lage sind, Millionen von Farben zu verarbeiten, aber Sie haben die Wahl. Ursprünglich wurden 216 plattformübergreifende websichere Farben verwendet, um sicherzustellen, dass alle Computer bei Verwendung einer 256-Farben-Palette alle Farben korrekt anzeigen können. HTML-Video-Tutorial

  Farbname	HEX	Farbe
  AliceBlue	#F0F8FF
  Antik Weiß	#FAEBD7
  Aqua	#00FFFF
  Aquamarin	#7FFFD4
  Azurblau	#F0FFFF
  Beige	#F5F5DC
  Bisque	#FFE4C4
  Schwarz	#000000
  BlanchedAlmond	#FFEBCD
  Blau	#0000FF
  BlauViolett	#8A2BE2
  Braun	#A52A2A
  BurlyWood	#DEB887
  CadetBlue	#5F9EA0
  Chartreuse	#7FFF00
  Schokolade	#D2691E
  Coral	#FF7F50
  CornflowerBlue	#6495ED
  Cornsilk	#FFF8DC
  Crimson	#DC143C
  Cyan	#00FFFF
  DarkBlue	#00008B
  DarkCyan	#008B8B
  DarkGoldenRod	#B8860B
  DarkGray	#A9A9A9
  DarkGreen	#006400
  DarkKhaki	#BDB76B
  DarkMagenta	#8B008B
  DarkOliveGreen	#556B2F
  DarkOrange	#FF8C00
  DarkOrchid	#9932CC
  DarkRed	#8B0000
  DarkSalmon	#E9967A
  DarkSeaGreen	#8FBC8F
  DarkSlateBlue	#483D8B
  DarkSlateGray	#2F4F4F
  DarkTurquoise	#00CED1
  DarkViolet	#9400D3
  DeepPink	#FF1493
  DeepSkyBlue	#00BFFF
  DimGray	#696969
  DodgerBlue	#1E90FF
  FireBrick	#B22222
  FloralWhite	#FFFAF0
  ForestGreen	#228B22
  Fuchsia	#FF00FF
  Gainsboro	#DCDCDC
  GhostWhite	#F8F8FF
  Gold	#FFD700
  GoldenRod	#DAA520
  Gray	#808080
  Grün	#008000
  GrünGelb	#ADFF2F
  HoneyDew	#F0FFF0
  HotPink	#FF69B4
  IndianRed	#CD5C5C
  Indigo	#4B0082
  Elfenbein	#FFFFF0
  Khaki	#F0E68C
  Lavendel	#E6E6FA
  LavenderBlush	#FFF0F5
  LawnGreen	#7CFC00
  LemonChiffon	#FFFACD
  Hellblau	#ADD8E6
  LightCoral	#F08080
  LightCyan	#E0FFFF
  LightGoldenRodYellow	#FAFAD2
  LightGray	#D3D3D3
  Hellgrün	#90EE90
  Hellrosa	#FFB6C1
  LightSalmon	#FFA07A
  LightSeaGreen	#20B2AA
  LightSkyBlue	#87CEFA
  LightSlateGray	#778899
  LightSteelBlue	#B0C4DE
  HellGelb	#FFFFE0
  Lime	#00FF00
  LimeGreen	#32CD32
  Leinen	#FAF0E6
  Magenta	#FF00FF
  Maroon	#800000
  MediumAquaMarine	#66CDAA
  MediumBlue	#0000CD
  MediumOrchid	#BA55D3
  MediumPurple	#9370DB
  MediumSeaGreen	#3CB371
  MediumSlateBlue	#7B68EE
  MediumSpringGreen	#00FA9A
  MediumTurquoise	#48D1CC
  MediumVioletRed	#C71585
  MidnightBlue	#191970
  MintCream	#F5FFFA
  MistyRose	#FFE4E1
  Mokassin	#FFE4B5
  NavajoWhite	#FFDEAD
  Navy	#000080
  OldLace	#FDF5E6
  Olive	#808000
  OliveDrab	#6B8E23
  Orange	#FFA500
  OrangeRot	#FF4500
  Orchidee	#DA70D6
  PaleGoldenRod	#EEE8AA
  PaleGreen	#98FB98
  PaleTurquoise	#AFEEEE
  PaleVioletRed	#DB7093
  PapayaWhip	#FFEFD5
  PeachPuff	#FFDAB9
  Peru	#CD853F
  Pink	#FFC0CB
  Plum	#DDA0DD
  PowderBlue	#B0E0E6
  Lila	#800080
  Rot	#FF0000
  RosyBrown	#BC8F8F
  Königsblau	#4169E1
  SaddleBrown	#8B4513
  Lachs	#FA8072
  SandyBrown	#F4A460
  SeaGreen	#2E8B57
  SeaShell	#FFF5EE
  Sienna	#A0522D
  Silber	#C0C0C0
  SkyBlue	#87CEEB
  SlateBlue	#6A5ACD
  SlateGray	#708090
  Schnee	#FFFAFA
  SpringGreen	#00FF7F
  SteelBlue	#4682B4
  Tan	#D2B48C
  Blaugrün	#008080
  Distel Türkis	#40E0D0
  Violett	#EE82EE
  Weizen	#F5DEB3
  Weiß	#FFFFFF
  Weißer Rauch	#F5F5F5
  Gelb	#FFFF00
  YellowGreen	#9ACD32
  Websichere Farben	Vor ein paar Jahren, als die großen Computer nur 256 Farben unterstützten, wird ein Satz von 216 websicheren Farben als Webstandard empfohlen. Der Grund dafür ist, dass die Betriebssysteme Microsoft und Mac 40 verschiedene reservierte feste Systemfarben verwenden (jeweils etwa 20).
  Verwandte Empfehlungen: „	“

Das obige ist der detaillierte Inhalt vonEine ausführliche Erklärung von HTML-Kommentaren und Farben (Farbnamen, Hexadezimalwerte). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!