목차
根据不同的 IE 版本显示不同的内容
웹 프론트엔드 HTML 튜토리얼 HTML 주석 및 색상(색상 이름, 16진수 값)에 대한 자세한 설명

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

Aug 02, 2022 pm 07:05 PM
html 주석 태그

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

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

1. HTML 주석(예제 포함)

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

전체 HTML 문서는 종종 수백 또는 수천 줄의 코드로 구성되므로 코드를 작성할 때 주석을 잘 활용해야 합니다. 특정 부분을 수정하려면 내용을 찾는 데 오랜 시간이 걸릴 수 있습니다. 장소를 수정했습니다. 주석을 사용하면 기능이나 기타 조건에 따라 프로그램을 여러 부분으로 나누고 주석으로 표시할 수 있습니다. 이는 귀하와 다른 사람들이 코드를 읽는 데 도움이 되고 코드의 가독성을 향상시킬 수 있습니다.

한 줄 주석

HTML에서는 <!-- -->를 사용하여 코드에 주석을 추가할 수 있으며, <!--와 --> 사이의 모든 내용은 주석으로 간주됩니다. 샘플 코드는 다음과 같습니다.

nbsp;html>

<!-- head 开始 -->

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

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

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

<!-- body 结束 -->
로그인 후 복사

댓글은 문서 시작 부분, 문서 끝 부분, 문서 중간, 태그 외부, 태그 내용 내부 등 HTML 문서의 어느 곳에나 나타날 수 있습니다. 등.

여러 줄 주석

앞에서는 주로 한 줄 주석을 설명했지만 HTML에서도 여러 줄 주석이 지원됩니다. 여러 줄 주석과 한 줄 주석의 차이는 크지 않습니다. 아래 표시된 대로 주석 내용이 <!----> 사이인지 확인하면 됩니다.

<!--
    多行注释
-->
로그인 후 복사

코드를 설명하는 것 외에도 주석을 사용할 수도 있습니다. 예를 들어, 특정 코드가 실행되는 것을 원하지 않는 경우 먼저 주석을 처리하여 브라우저가 코드를 실행하지 않도록 할 수 있습니다.

IE 조건부 주석

조건부 주석은 Windows 시스템의 Internet Explorer(IE) 브라우저에서만 유효하며, 다른 브라우저에서는 이를 무시합니다. IE5부터 조건부 주석을 사용하여 IE 브라우저를 사용하는 사용자에게 몇 가지 지침을 제공할 수 있습니다. 아래와 같이:

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]-->

로그인 후 복사

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으로 문의하세요.

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles