찾다
웹 프론트엔드HTML 튜토리얼HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

이 글은 HTML 주석과 색상을 안내하고 일반적으로 사용되는 색상 이름과 16진수 값을 공유합니다. 모든 사람에게 도움이 되기를 바랍니다.

HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

1. HTML 주석(예제 포함)

HTML 주석은 주로 문서의 코드를 설명하는 데 사용됩니다. 주석도 코드의 일부이지만 브라우저는 자동으로 해당 내용을 무시합니다. 따라서 사용자는 웹 페이지에서 주석을 볼 수 없습니다.

전체 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 문서의 어느 곳에나 나타날 수 있습니다. 등.

여러 줄 주석

앞에서는 주로 한 줄 주석을 설명했지만 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에서의 실행 효과:

HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

Chrome 브라우저에서의 실행 효과:

HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

조건부 주석은 현재 브라우저가 IE인지, IE 버전인지, 개발자가 다른 스타일 시트인지 감지할 수 있습니다. 또는 JS 스크립트는 다양한 IE 브라우저에 따라 로드될 수 있습니다.

IE 버전 비교에서는 다음 키워드를 사용합니다.

  • lt: less than의 약어로 less than을 의미합니다.

  • lte: less than orequal to의 약어로, 작거나 같다는 뜻입니다.

  • gt: Greater Than의 약자로, ~보다 크다는 뜻입니다.

  • gte: 크거나 같음의 약어로 크거나 같음을 의미합니다.

  • !:

과 같지 않음 IE 브라우저는 HTML5 지원에 그다지 친숙하지 않으며, 낮은 버전의 동작은 더욱 이상합니다. IE는 점차 시장에서 물러났고 주요 인터넷 거대 기업은 더 이상 HTML5와 호환되지 않습니다. IE. 모두가 개발 과정에 있습니다. IE에 집중할 필요가 없습니다.

2. HTML 색상 값 설정 ​​

HTML 색상은 빨간색, 녹색, 파란색이 혼합된 색상입니다.

1. 브라우저는 모두 색상 이름 세트를 지원합니다. 색상 값은 웹 페이지 중간에 자주 사용되는 RGB 형식의 숫자입니다.

2. 영어 단어를 색상 값으로 사용:

  • 빨간색 빨간색 | 파란색 보라색 |

3. 6자리 16진수 색상 값:

  • #ff0000 약어: #f00

  • 처음 두 자리는 빨간색, 가운데 두 자리는 녹색, 마지막 두 자리는 파란색을 나타냅니다.

색상 이름이나 16진수 값을 클릭하면 다양한 텍스트 색상과 일치하는 배경색을 볼 수 있습니다.

현재 점점 더 많은 컴퓨터가 수백만 가지 색상을 처리할 수 있기 때문에 이것이 얼마나 의미가 있는지는 잘 모르겠지만 선택은 귀하의 몫입니다. 원래 256색 팔레트를 사용할 때 모든 컴퓨터가 모든 색상을 올바르게 표시할 수 있도록 216개의 크로스 플랫폼 웹 안전 색상이 사용되었습니다. html 비디오 튜토리얼
색상명 HEX Color
AliceBlue  #F0F8FF  
AntiqueWhite   #FAEBD7  
Aqua  #00FFFF  
Aquamarine  #7FFFD4  
Azure #F0FFFF  
베이지  #F5F5DC  
Bisque  #FFE4C4  
Black  #000000  
BlanchedAlmond  #FFEBCD  
Blue  #0000FF  
BlueViolet  #8A2BE2  
브라운  #A52A2A  
BurlyWood  #DEB887  
CadetBlue  #5F9EA0  
Chartreuse  #7FFF00  
초콜릿  #D2691E  
Coral  #FF7F50  
CornflowerBlue  #6495ED  
Cornsilk  #FFF8DC  
Crimson  #DC143C  
시안색  #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  
Green  #008000  
GreenYellow  #ADFF2F  
HoneyDew  #F0FFF0  
핫핑크  #FF69B4  
인디고 레드   #CD5C5C  
인디고    #4B0082  
아이보리  #FFFFF0  
Khaki  #F0E68C  
라벤더  #E6E6FA  
라벤더블러쉬  #FFF0F5  
LawnGreen  #7CFC00  
LemonChiffon  #FFFACD  
LightBlue  #ADD8E6  
LightCoral #F08080  
LightCyan  #E0FFFF  
LightGoldenRod노란색   #FAFAD2  
LightGray  #D3D3D3  
LightGreen  #90EE90  
LightPink  #FFB6C1  
LightSalmon  #FFA07A  
LightSeaGreen  #20B2AA  
LightSkyBlue  #87CEFA  
LightSlateGray  #778899  
LightSteelBlue  #B0C4DE  
밝은 노란색  #FFFFE0  
Lime  #00FF00  
LimeGreen  #32CD32  
린넨  #FAF0E6  
마젠타  #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  
모카신  #FFE4B5  
NavajoWhite  #FFDEAD  
Navy  #000080  
OldLace  #FDF5E6  
Olive #808000  
OliveDrab  #6B8E23  
오렌지 #FFA500  
오렌지레드  #FF4500  
난초  #DA70D6  
PaleGoldenRod  #EEE8AA  
PaleGreen  #98FB98  
PaleTurquoise  #AFEEEE  
PaleVioletRed  #DB7093  
PapayaWhip  #FFEFD5  
PeachPuff #FFDAB9  
Peru  #CD853F  
핑크  #FFC0CB  
Plum  #DDA0DD  
PowderBlue #B0E0E6  
보라색  #800080  
빨간색  #FF0000  
RosyBrown  #BC8F8F  
RoyalBlue  #4169E1  
SaddleBrown  #8B4513  
Salmon  #FA8072  
SandyBrown  #F4A460  
SeaGreen #2E8B57  
SeaShell  #FFF5EE  
Sienna  #A0522D  
실버  #C0C0C0  
SkyBlue  #87CEEB  
SlateBlue  #6A5ACD  
SlateGray  #708090  
Snow  #FFFAFA  
SpringGreen  #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
엉겅퀴 터키색 #40E0D0
Violet #EE82EE
#F5DEB3
흰색 #FFFFFF
WhiteSmoke #F5F5F5
노란색 #FFFF00
노랑녹색 #9ACD32
웹 안전 색상 몇 년 전만 해도 대부분의 컴퓨터는 256색만 지원하지만 웹 표준으로는 216가지 웹 안전 색상 집합을 권장합니다. 그 이유는 Microsoft와 Mac 운영 체제가 40개의 서로 다른 예약된 고정 시스템 색상(각각 약 20개)을 사용하기 때문입니다.
관련 추천: ""

위 내용은 HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

html单行注释符有哪些html单行注释符有哪些Sep 23, 2022 pm 04:16 PM

html中只支持一种注释符“<!-- -->”,包含在“<!--”和“-->”之间的所有内容都会被视为注释;“<!-- -->”符可以实现单行注释也可实现多行注释,只需要保证注释的内容在“<!--”和“-->”之间即可。“<!-- -->”注释可以出现在HTML文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html5注释标签是什么html5注释标签是什么Dec 23, 2021 pm 04:52 PM

html5注释标签是“<!-- -->”,“<!--”和“-->”之间的所有内容都会被视为注释,语法“<!-- 注释内容 -->”;注释也是代码的一部分,但浏览器会自动忽略注释的内容,所以用户在网页中是看不到注释的。注释可以出现在HTML文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

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 Hentai를 무료로 생성하십시오.

뜨거운 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전