Rumah  >  Artikel  >  hujung hadapan web  >  Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

青灯夜游
青灯夜游asal
2022-08-02 19:05:283200semak imbas

Artikel ini akan memperkenalkan anda kepada komen dan warna HTML, serta berkongsi beberapa nama warna dan nilai perenambelasan yang biasa digunakan, saya harap ia akan membantu semua orang!

Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

1. Komen HTML (dengan contoh)

Komen HTML digunakan terutamanya untuk mengulas pada kandungan dalam dokumen Kod diterangkan, dan ulasan juga merupakan sebahagian daripada kod, tetapi penyemak imbas secara automatik mengabaikan kandungan ulasan, jadi pengguna tidak dapat melihat ulasan pada halaman web.

Kita harus menggunakan ulasan dengan baik semasa menulis kod, kerana dokumen HTML yang lengkap selalunya terdiri daripada ratusan atau ribuan baris kod, dan mungkin mengambil masa yang lama apabila kita ingin mengubah suai bahagian tertentu daripadanya Selepas itu barulah anda boleh mencari tempat yang anda ingin ubah suai. Dengan ulasan, ia berbeza Kami boleh membahagikan program kepada beberapa bahagian mengikut fungsi atau syarat lain dan menandakannya dengan ulasan Ini boleh membantu anda dan orang lain membaca kod anda dan meningkatkan kebolehbacaan kod.

Komen satu baris

Dalam HTML anda boleh menggunakan <!-- --> untuk menambah ulasan dalam kod, <!-- dan - -> Segala-galanya di antara ; Kod sampel adalah seperti berikut:

<!DOCTYPE html>
<html>
<!-- head 开始 -->
<head>
    <meta charset="UTF-8">  <!-- 当前文档采用UTF-8编码 -->
    <title>HTML注释的写法</title>
</head>
<!-- head 结束 -->
<!-- body 开始 -->
<body>
    <!-- 一段文本 -->
    <p>欢迎来到PHP中文网</p>
</body>
<!-- body 结束 -->
</html>

Ulasan boleh muncul di mana-mana dalam dokumen HTML, termasuk di awal dokumen, di penghujung dokumen, di tengah dokumen, di luar teg , dalam kandungan teg, dsb.

Ulasan berbilang baris

Kami kebanyakannya menunjukkan ulasan satu baris sebelum ini, tetapi ulasan berbilang baris turut disokong dalam HTML. Perbezaan antara komen berbilang baris dan komen satu baris tidaklah besar. Kami hanya perlu memastikan kandungan ulasan adalah antara <!-- dan -->, seperti yang ditunjukkan di bawah:

<!--
    多行注释
-->

Selain menggunakan komen, anda boleh Selain menerangkan kod, ia juga boleh digunakan untuk mengulas kod dalam program Contohnya, apabila anda tidak mahu sekeping kod tertentu dilaksanakan, anda boleh mengulasnya keluar dahulu supaya penyemak imbas tidak akan melaksanakan kod tersebut.

Komen Bersyarat IE

Komen bersyarat hanya sah dalam Internet Explorer (IE) pada sistem Windows, pelayar lain akan mengabaikannya. Bermula dari IE5, ulasan bersyarat disokong Anda boleh menggunakan ulasan bersyarat untuk memberikan beberapa arahan kepada pengguna menggunakan pelayar IE. Seperti yang ditunjukkan di bawah:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IE浏览器条件注释</title>
</head>
<body>
<h4>根据不同的 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>

Kesan berjalan di bawah IE8:

Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

Kesan berjalan di bawah penyemak imbas Chrome:

Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

Komen bersyarat boleh mengesan sama ada penyemak imbas semasa ialah IE dan versi IE boleh memuatkan helaian gaya atau skrip JS yang berbeza mengikut pelayar IE yang berbeza.

Membandingkan versi IE akan menggunakan kata kunci berikut:

  • lt: singkatan kurang daripada, yang bermaksud kurang daripada.

  • lte: pendek untuk kurang daripada atau sama dengan, yang bermaksud kurang daripada atau sama dengan.

  • gt: Singkatan lebih besar daripada, yang bermaksud lebih besar daripada.

  • gte: Singkatan untuk lebih besar daripada atau sama dengan, yang bermaksud lebih besar daripada atau sama dengan.

  • !: Tidak sama dengan

Pelayar IE tidak begitu mesra dengan sokongan HTML5, dan tingkah laku versi yang lebih rendah IE telah ditarik balik secara beransur-ansur Di pasaran, gergasi Internet utama tidak lagi serasi dengan IE, dan semua orang tidak perlu memberi tumpuan kepada IE semasa proses pembangunan.

2. Tetapan nilai warna HTML

Warna HTML ialah campuran merah, hijau dan biru.

1. Semua penyemak imbas menyokong set nama warna Nilai warna ialah kata kunci atau nombor dalam format RGB, yang digunakan secara meluas di tengah-tengah halaman web.

2. Gunakan perkataan bahasa Inggeris sebagai nilai warna:

  • merah biru |.

3. Nilai warna heksadesimal enam digit:

  • #ff0000 Singkatan: #f00

  • Dua digit pertama mewakili merah, dan dua digit tengah mewakili merah. Warnanya hijau, dan dua digit terakhir mewakili biru.

Klik nama warna atau nilai heksadesimal untuk melihat warna latar belakang yang sepadan dengan warna teks yang berbeza.

        #0000FFBlueViolet#8A2BE2Coklat#A52A2ABurlyWood#DEB887 #5F9EA0ChartreuseCoklat Karang#FF7F50Bunga Jagung Biru#6495EDDarkGray#A9A9A9Hijau Gelap #006400DarkKhaki#BDB76BDarkMagenta#8B008BDarkOliveGreen  #FF8C00DarkOrchidMerah Gelap DarkSalmon#E9967ADarkSeaGreen#8FBC8F#483D8BDarkSlateGray#2 🎜>                   Kelabu Hijau HijauKuning> #ADFF2FHoneyDew#F0FFF0 🎜>              Biru Muda >      Kelabu Cerah  LightPink    LightSeaGreen#20B2AALight Blue 🎜> #87CEFA                    #9370DBMediumSeaGreenMediumSlateBlue MediumSpringGreen#00FA9A  Medium#C71585MidnightBlue#19 🎜>        >#98FB98PaleTurquoise#AFEEEEPaleVioletRed PapayaWhip PeachPuff 🎜>Peru Merah jambu       >Salmon#FA8072SandyBrown#F4A460Hijau Laut# 2E8B57SeaShell#FFF5EESienna Perak SkyBlue>#87CEEBSlateBlue#6A5ACD#708090#FFFAFA#00FF7F >  
Nama Warna HEX Warna
AliceBlue  #F0F8FF  
Putih Antik  #FAEBD7
Aqua  #00FFFF
Aquamarine  #7FFFD4
Azure   #F0FFFF
Beige  #F5F5DC
Bisque  #FFE4C4
Hitam  #000000
BlanchedAlmond  #FFEBCD
Biru >  
   
   
   
 
 #7FFF00  
#D2691E   
   
 
Sutera jagung  #FFF8DC  
Crimson  #DC143C  
Cyan   #00FFFF  
Biru Gelap  #00008B  
DarkCyan  #008B8B  
DarkGoldenRod  #B8860B  
   
   
  > 
   
#556B2F  
 
 #9932CC  
#8B0000   
   
  DarkSlateBlue> 
   
 
DarkTurquoise  #00CED1  
DarkViolet  #9400D3  
Deep   #FF1493  
DeepSkyBlue  #00BFFF
DimGray #696969
DodgerBlue #1E90FF
Bata Api #B22222
Putih Bunga Putih Bunga >#FFFAF0
Hijau Hutan #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Emas#FFD700
GoldenRod  #DAA520 
#808080  
#008000  
   
  HotPink#FF69B4  
IndianRed   #CD5C5  
Indigo    #4B0082  
Gading #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnHijau #7CFC00
LemonChiffon #FFFACD
#ADD8E6
LightCoral # F08080
LightCyan #E0FFFF  🎜>
LightGoldenRodYellow  #FAFAD2
#D3D3D3
Hijau Cerah>#90EE90  
#FFB6C1> LightSalmon
#FFA07A  
 
 
LightSlateGray  #778899  
LightSteelBlue #B0C4DE
Light #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine#66CDAA >
MediumBlue  #0000CD
MediumOrchid  #BA55D3
 
 🎜 🎜>#3CB371  
#7B68EE   
  > MediumTurquoise
#48D1CC
   
 
MintCream  #F5FFFA  
MistyRose  #FFE4E1  
Moccasin   #FFE4B5  
NavajoWhite  #FFDEAD
Tentera Laut #000080
OldLace #FDF5E6
Olive #808000
OliveDrab#6B8E23  
Oren  #FFA500  
OrenMerah  #FF4500  
Orkid  #DA70D6  
PaleGoldenRod  #EEE8AA  
Hijau Pucat   
   
#DB7093  >
#FFEFD5  
#FFDAB9  
#CD853F  
#FFC0CB  
Plum  #DDA0DD  
PowderBlue  #B0E0E6  
Ungu #800080
Merah #FF0000
RosyBrown#BC8F8F  
RoyalBlue  #4169E1  
SaddleBrown  #8B4513  
   
 
   
   >
#A0522D  
#C0C0C0  
   
  SlateGray 
  Salji 
  SpringGreen 
 
SteelBlue  #4682B4  
Tan  #D2B48C  
Teal   #008080  
Thistle  #D8BFD8  
Tomato  #FF6347  
Turquoise  #40E0D0  
Violet  #EE82EE  
Gandum #F5DEB3  
Putih  #FFFFFF  
WhiteSmoke  #F5F5F5 >
Kuning  #FFFF00
KuningHijau  #9ACD32

Web安全色

数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安兜色使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。

我们不确定如今各使用因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 跨平台 web计算机能够正确地显示所有的颜色。

Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan)

相关推荐:《

html视频教程

Atas ialah kandungan terperinci Penjelasan terperinci tentang komen dan warna HTML (nama warna, nilai perenambelasan). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn