>  기사  >  웹 프론트엔드  >  HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

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

青灯夜游
青灯夜游원래의
2022-08-02 19:05:283203검색

이 글은 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>根据不同的 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으로 문의하세요.