HTML 특수 문자는 텍스트 파일에 사용되는 문자 세트의 문자를 참조하는 특수 언어 구성입니다. 표는 키보드를 사용하여 HTML 문서의 소스 코드에 추가할 수 없는 예약된 문자와 특수 문자의 목록을 보여줍니다.

• 키보드를 사용하여 입력할 수 없는 문자(예: 저작권 기호)
• 표시용 문자(예: 초과 또는 미만 기호)

이러한 문자는 숫자 코드나 이름을 사용하여 추가됩니다.

상징	숫자 코드	기호 이름	설명
"	"	"	따옴표
"	"	"	아포스트로피
&	&	&	앰퍼샌드
<		<	기호보다 작음
>	>	>	더 많은 표시
			잘림 방지 공백(잘림 방지 공백은 행 내부에 일반 공백으로 나타나는 공백이지만 표시 및 인쇄 프로그램이 이 시점에서 줄을 끊는 것을 허용하지 않습니다.)
¡	¡	¡	거꾸로 된 느낌표
¢	¢	¢	센트
£	£	£	파운드
¤	¤	¤	통화
¥	¥	¥	엔
¦	¦	¦	깨진 수직 막대
§	§	§	부분
¨	¨	¨	간격(키릴 문자)
	©		저작권 표시
ª	ª	ª	여성 서수 지수
«	«	«	프랑스어 인용문(헤링본) - 왼쪽
¬	¬	¬	부정 표현
®	®	®	등록 상표
¯	¯	¯	마크롱 간격
°	°	°	도
±	±	±	플러스 마이너스
²	²	²	위 첨자 2
³	³	³	위 첨자 3
´	´	´	급성 간격
µ	µ	µ	마이크로
¶	¶	¶	절
·	·	·	중간점
¸	¸	¸	세딜라 간격
¹	¹	¹	위 첨자 1
º	º	º	남성 순서 지수
»	»	»	프랑스어 인용문(헤링본) - 오른쪽
¼	¼	¼	1/4 부분
½	½	½	1/2 부분
¾	¾	¾	3/4부분
¿	¿	¿	거꾸로 된 물음표
×	×	×	곱셈
÷	÷	÷	분할
́	́		중요성
Œ	Œ	Œ	자본 합자 OE
œ	œ	œ	소문자 합자 oe
Š	Š	Š	크라운이 있는 S
š	š	š	왕관이 있는 소문자 S
Ÿ	Ÿ	Ÿ	티아라가 있는 대문자 Y
ƒ	ƒ	ƒ	후크가 있는 f
ˆ	ˆ	ˆ	이중 악센트
˜	˜	˜	작은 물결표
–	–	-	대시
—	—	—	엠 대시
‘	‘	‘	왼쪽 작은따옴표
’	’	’	오른쪽 작은따옴표
‚	‚	‚	아래쪽 작은따옴표
“	“	“	왼쪽 큰따옴표
”	”	”	오른쪽 큰따옴표
„	„	„	낮은 큰따옴표
†	†	†	단검
‡	‡	‡	이중 단검
		.	총알
…	…	…	수평 타원
‰	‰	‰	ppm(천분의 1)
′	′	′	분
″	″	″	초
‹	‹	‹	단일 왼쪽 모서리 인용문
›	›	›	단일 오른쪽 모서리 인용문
‾	‾	‾	윗줄
€	€	€	유로
™	™ 또는	™	등록 상표
←	←	←	왼쪽 화살표
			위쪽 화살표
→	→	→	오른쪽 화살표
↓	↓	↓	아래쪽 화살표
↔	↔	↔	이중 화살표
↵	↵	↵	캐리지 리턴 화살표
⌈	⌈	⌈	왼쪽 상단
⌉	⌉	⌉	오른쪽 상단
⌊	⌊	⌊	왼쪽 하단
⌋	⌋	⌋	오른쪽 하단
◊	◊	◊	마름모
♠	♠	♠	봉우리
♣	♣	♣	십자가
			회충
♦	♦	♦	다이아 패 한 벌

HTML에서 지원되는 수학 기호

상징	숫자 코드	기호 이름	설명
∀	∀	∀	누구에게나, 모두에게
∂	∂	∂	부분
∃	∃	∃	존재한다
∅	∅	∅	빈 세트
∇	∇	∇	해밀턴 운영자(nabla)
∈	∈	∈	세트에 속해요
∉	∉	∉	세트에 속하지 않습니다
∋	∋	∋	또는
∏	∏	∏	일하다
∑	∑	∑	합집합
−	−	−	마이너스
∗	∗	∗	곱셈 또는 연산자 공액
×	×	&타임스	곱셈 기호
√	√	√	제곱근
∝	∝	∝	비례
∞	∞	∞	무한대
⋮	⋮		다수
∠	∠	∠	모서리
∧	∧	∧	그리고
∨	∨	∨	또는
∩	∩	∩	교차로
∪	∪	∪	노동 조합
∫	∫	∫	완전한
∴	∴	∴	그렇기 때문에
∼	∼	∼	좋다
≅	≅	≅	유사한
≈	≈	≈	거의 같다
≠	≠	≠	같지 않다
≡	≡	≡	동일하게
≤	≤	≤	작거나 같음
⩽	⩽ ⩽	⩽ ⩽	작거나 같음
≥	≥	≥	그 이상 또는 같음
⩾	⩾ ⩾	⩾ ⩾	그 이상 또는 같음
⊂	⊂	⊂	하위 집합
⊃	⊃	⊃	슈퍼세트
⊄	⊄	⊄	부분집합이 아님
⊆	⊆	⊆	하위 집합
⊇	⊇	⊇	슈퍼세트
⊕	⊕	⊕	직접 금액
⊗	⊗	⊗	텐서 제품
⊥	⊥	⊥	수직
⋅	⋅	⋅	도트 연산자

그리스 문자와 콥트 문자

상징	숫자 코드	16진수 코드	기호 이름
Ͱ	Ͱ	Ͱ
ͱ	ͱ	ͱ
Ͳ	Ͳ	Ͳ
ͳ	ͳ	ͳ
ʹ	ʹ	ʹ
͵	͵	͵
Ͷ	Ͷ	Ͷ
ͷ	ͷ	ͷ
ͺ	ͺ	ͺ
ͻ	ͻ	ͻ
ͼ	ͼ	ͼ
ͽ	ͽ	ͽ
;	;	;
΄	΄	΄
΅	΅	΅
Ά	Ά	Ά
·	·	·
Έ	Έ	Έ
Ή	Ή	Ή
Ί	Ί	Ί
Ό	Ό	Ό
Ύ	Ύ	Ύ
Ώ	Ώ	Ώ
ΐ	ΐ	ΐ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
Ϊ	Ϊ	Ϊ
Ϋ	Ϋ	Ϋ
ά	ά	ά
έ	έ	έ
ή	ή	ή
ί	ί	ί
ΰ	ΰ	ΰ
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	ς	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
ϊ	ϊ	ϊ
ϋ	ϋ	ϋ
ό	ό	ό
ύ	ύ	ύ
ώ	ώ	ώ
Ϗ	Ϗ	Ϗ
ϐ	ϐ	ϐ
ϑ	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϒ
ϓ	ϓ	ϓ
ϔ	ϔ	ϔ
ϕ	ϕ	ϕ	ϕ
ϖ	ϖ	ϖ	ϖ
ϗ	ϗ	ϗ
Ϙ	Ϙ	Ϙ
ϙ	ϙ	ϙ
Ϛ	Ϛ	Ϛ
ϛ	ϛ	ϛ
Ϝ	Ϝ	Ϝ	Ϝ
ϝ	ϝ	ϝ	ϝ
Ϟ	Ϟ	Ϟ
ϟ	ϟ	ϟ
Ϡ	Ϡ	Ϡ
ϡ	ϡ	ϡ
Ϣ	Ϣ	Ϣ
ϣ	ϣ	ϣ
Ϥ	Ϥ	Ϥ
ϥ	ϥ	ϥ
Ϧ	Ϧ	Ϧ
ϧ	ϧ	ϧ
Ϩ	Ϩ	Ϩ
ϩ	ϩ	ϩ
Ϫ	Ϫ	Ϫ
ϫ	ϫ	ϫ
Ϭ	Ϭ	Ϭ
ϭ	ϭ	ϭ
Ϯ	Ϯ	Ϯ
ϯ	ϯ	ϯ
ϰ	ϰ	ϰ	ϰ
ϱ	ϱ	ϱ	ϱ
ϲ	ϲ	ϲ
ϳ	ϳ	ϳ
ϴ	ϴ	ϴ
ϵ	ϵ	ϵ	ϵ
϶	϶	϶	϶
Ϸ	Ϸ	Ϸ
ϸ	ϸ	ϸ
Ϲ	Ϲ	Ϲ
Ϻ	Ϻ	Ϻ
ϻ	ϻ	ϻ
ϼ	ϼ	ϼ
Ͻ	Ͻ	Ͻ
Ͼ	Ͼ	Ͼ
Ͽ	Ͽ	Ͽ

특수 문자가 필요한 이유와 사용 방법

페이지의 일부 태그를 설명하기로 결정했지만 브라우저가 문자를 사용하기 때문에< и >태그의 시작과 끝과 같이 태그를 HTML 코드 콘텐츠 내부에 적용하면 문제가 발생할 수 있습니다. 그러나 HTML은 다음과 같은 간단한 약어를 사용하여 이러한 특수 문자와 기타 특수 문자를 정의하는 쉬운 방법을 제공합니다. 기호에 대한 참조.

이것이 어떻게 작동하는지 살펴보겠습니다. 특수하다고 간주되거나 웹 페이지에 사용하고 싶지만 편집기에서 인쇄할 수 없는 각 문자(예: 저작권 기호)에 대해 약어를 찾아서 원하는 문자 대신 html 코드로 인쇄합니다. . 예를 들어 ">" 기호의 경우 약어는 다음과 같습니다. > , 기호의 경우 "<" - < .

"요소"를 인쇄하고 싶다고 가정해 보겠습니다. 매우 중요하다"고 그의 페이지에 밝혔다. 대신 항목을 올바르게 표시하는 데 필요한 기호에 대한 참조를 사용해야 하며 결국 코드 항목은 다음과 같아야 합니다.

요소 매우 중요

노력하다 "

알아야 할 또 다른 특수 문자는 &(앰퍼샌드) 기호입니다. HTML 페이지에 표시하려면 & 기호 대신 & 링크를 사용하세요.

특수 문자는 키보드에 표시되지 않고 UNICODE 또는 다른 메타언어를 사용하여 인코딩되는 기술 문자입니다. 특수 문자는 수학, 그리스 알파벳, ISO 8859-1 등의 그룹으로 구분됩니다. 필요한 이유와 사용 방법은 기사에서 자세히 읽어보십시오.

문서 작성시 특수 문자 사용

사용 목적은 다음과 같습니다.

1. 기사에 완성도와 미학을 부여합니다. 특수 기호를 사용하면 치수 값을 빠르게 이해하거나 라틴어 또는 그리스어로 역사적인 이름을 읽을 수 있습니다.
2. 일부 요소는 문서의 올바른 레이아웃을 보장합니다. 예를 들어, ""와 ""는 서로 다릅니다. 첫 번째는 표준 수단으로 전송되고 나머지는 특수 문자를 통해 전송됩니다.
3. 수학적 문서의 레이아웃은 주요 요소 그룹에 대한 지식 없이는 할 수 없습니다.

기본 징후

이 자료를 사용하면 텍스트에 빠르게 삽입할 수 있도록 적절한 인코딩으로 특수 문자를 찾을 수 있습니다.

모습	지정	HTML 코드	CSS 코드
☃	눈사람	☃	\2603
☦	정통 십자가	☦	\2626
⚓	닻	⚓	\2693
✆	전화 표시	✆	\2706
☎	전화	☎	\260E
☕	뜨거운 음료	☕	\2615
✎	아래쪽을 가리키는 연필	✎	\270E
✏	연필	✏	\270F
✐	오른쪽 위를 가리키는 연필	✐	\2710
✑	빈 펜촉	✑	\2711
✒	채워진 펜촉	✒	\2712
⚜	백합 문양	⚜	\269C
⛑	흰색 십자가가 달린 헬멧	⛑	\26D1
⚝	그려진 흰색 별	⚝	\269D
❄	눈송이	❄	\2744
❤	음영처리된 굵은 하트	❤	\2764
❅	토끼풀에 끼워진 눈송이	❅	\2745
❆	뚱뚱하고 날카로운 각진 눈송이	❆	\2746
★	음영처리된 별	★	\2605
☆	빈 별	☆	\2606
✪	채워진 원 안의 채워지지 않은 별	✪	\272A
✫	내부에 열린 원이 있는 채워진 별	✫	\272B
✯	회전하는 별	✯	\272F
❉	끝이 구형인 별	❉	\2749
❋	대담한 8각 방울 모양의 별 프로펠러	❋	\274B
✲	가운데가 비어 있는 별	✲	\2732
☀	광선으로 그린 ​​태양	☀	\2600
☁	구름	☁	\2601
☂	우산	☂	\2602
☑	사각형에 체크 표시	☑	\2611
☒	광장에서 교차	☒	\2612
☹	찡그린 이모티콘	☹	\2639
☺	웃는 이모티콘	☺	\263A
☻	음영처리된 웃는 이모티콘	☻	\263B
☭	망치와 낫	☭	\262D
⚑	채워진 깃발	⚑	\2691
⚐	빈 플래그	⚐	\2690
☰	트라이그램	☰	\2630
✿	그린 꽃	✿	\273f
❀	빈 꽃	❀	\2740
✾	꽃잎이 6개 달린 꽃	✾	\273E
❁	컬러 설명된 꽃	❁	\2741
❂	점으로 만든 꽃	❂	\2742
✉	봉투	✉	\2709
❦	꽃의 형태로 하트	❦	\2766
❶	1위	❶	\2776
❷	2 번	❷	\2777
❸	3번	❸	\2778
❹	4번	❹	\2779
❺	5번	❺	\277A
❻	6번	❻	\277B
❼	7번	❼	\277C
❽	8번	❽	\277D
➒	9번	➒	\2792
➓	10번	➓	\2793
✖	굵은 곱셈 기호	✖	\2716
✘	굵은 십자가	✘	\2718
✔	굵은 체크 표시	✔	\2714
✚	뚱뚱한 십자가	✚	\271A
⚛	원자 기호	⚛	\269B
♺	재활용 기호	♺	\267A
❑	오른쪽 아래 그림자가 있는 채워지지 않은 사각형	❑	\2751
❒	오른쪽 상단 그림자가 있는 채워지지 않은 사각형	❒	\2752
◈	프레임 속의 다이아몬드	◈	\25C8
◐	왼쪽 절반이 채워진 원	◐	\25D0
◑	오른쪽 절반이 채워진 원	◑	\25D1
⁂	별 3개	⁂	\2042

문장 부호

모습	지정	HTML 코드	CSS 코드
<	미만 기호(태그 시작)	<	\003C
>	초과 기호(태그 끝)	>	\003E
«	왼쪽 이중 꺾쇠괄호	«	\00AB
»	오른쪽 이중 꺾쇠괄호	»	\00BB
‹	왼쪽 모서리 작은따옴표	‹	\2039
›	오른쪽 모서리 작은따옴표	›	\203A
«	큰따옴표	"	\0022
′	단일 스트로크	′	\2032
″	더블 스트로크	″	\2033
‘	왼쪽 작은따옴표	‘	\2018
’	오른쪽 작은따옴표	’	\2019
‚	아래쪽 작은따옴표	‚	\201A
“	왼쪽 큰따옴표	“	\201C
”	오른쪽 큰따옴표	”	\201D
„	아래쪽 큰따옴표	„	\201E
❜	굵은 단일 선행 쉼표	❜	\275C
❛	굵은 단일 회전 상단 쉼표	❛	\275B
&	앰퍼샌드	&	\0026
‘	아포스트로피(작은따옴표)	"	\0027
§	절	§	\00A7
©	저작권 표시		\00A9
¬	부정 기호	¬	\00AC
®	등록상표	®	\00AE
¯	마크롱	¯	\00AF
°	도	°	\00B0
±	플러스 또는 마이너스	±	\00B1
¹	위첨자 "1"	¹	\00B9
²	위첨자 "2"	²	\00B2
³	위첨자 "3"	³	\00B3
¼	사분의 일	¼	\00BC
½	반	½	\00BD
¾	사분의 삼	¾	\00BE
´	악센트 표시	´	\00B4
µ	마이크로	µ	\00B5
¶	단락 표시	¶	\00B6
·	곱셈 기호	·	\00B7
¿	거꾸로 된 물음표	¿	\00BF
ƒ	플로린 기호	ƒ	\0192
™	상표 표시	™	\2122
	목록 마커	.	\2022
…	생략	…	\2026
‾	윗줄	‾	\203E
–	엠 대시	-	\2013
-	엠 대시	—	\2014
‰	ppm	‰	\2030
}	오른쪽 중괄호	}	\007D
{	왼쪽 중괄호	{	\007B
=	등호	=	\003D
≠	불평등 기호	≠	\2260
≅	합동(기하학적 평등)	≅	\2245
≈	거의 같음	≈	\2248
≤	작거나 같음	≤	\2264
≥	이상	≥	\2265
∠	모서리	∠	\2220
⊥	수직(위쪽 버튼)	⊥	\22A5
√	제곱근	√	\221A
∑	N항 합산	∑	\2211
∫	완전한	∫	\222B
※	각주 기호	※	\203B
÷	구분 기호	÷	\00F7
∞	무한대 기호	∞	\221E
@	개 기호	@	\0040
[	왼쪽 대괄호	[	\005B
]	오른쪽 대괄호	]	\005D

화살

모습	지정	HTML 코드	CSS 코드
←	왼쪽 화살표	←	\2190
	위쪽 화살표		\2191
→	오른쪽 화살표	→	\2192
↓	아래쪽 화살표	↓	\2193
↔	왼쪽-오른쪽 화살표	↔	\2194
↵	아래쪽 및 왼쪽 화살표 - 캐리지 리턴 기호	↵	\21B5
⇐	이중 왼쪽 화살표	⇐	\21D0
⇑	이중 위쪽 화살표	⇑	\21D1
⇒	오른쪽 이중 화살표	⇒	\21D2
⇓	이중 아래쪽 화살표	⇓	\21D3
⇔	이중 왼쪽 오른쪽 화살표	⇔	\21D4
➠	날아가는 화살	➠	\27A0
➤	화살촉	➤	\27A4
➥	아래쪽과 오른쪽을 가리키는 곡선 화살표	➥	\27A5
➦	위쪽과 오른쪽을 가리키는 곡선 화살표	➦	\27A6
➳	오른쪽 화살표	➳	\27B3
↺		↺	\21BA
↻	시계 반대 방향으로 끝이 있는 둥근 화살표	↻	\21BB
⇧	두꺼운 속이 빈 위쪽 화살표	⇧	\21E7
↩	후크가 있는 왼쪽 화살표	↩	\21A9
➫	아래쪽으로 기울어진 화살표	➫	\27AB
⬇	채워진 아래쪽 화살표	⬇	\2B07
⬆	채워진 화살표	⬆	\2B06

카드 한 벌, 조디악 표지판 및 통화 아이콘

모습	지정	HTML 코드	CSS 코드
♠	"스페이드 한 벌"	♠	\2660
♣	"클럽"	♣	\2663
	"하트"		\2665
♦	"다이아 패 한 벌"	♦	\2666
♡	윤곽 "하트"	♡	\2661
♢	윤곽 "탬버린"	♢	\2662
♤	봉우리 윤곽	♤	\2664
♧	개요 "클럽"	♧	\2667
¢	센트	¢	\FFE0
£	GBP	£	\FFE1
₽	러시아 루블	₽	\20BD
¥	엔 또는 위안	¥	\00A5
€	유로	€	\20AC
$	달러	$	\0024
₴	그리브냐 징후	₴	\20B4
₹	인도 루피	₹	\20B9
圓	CNY	圓	\5713
₸	카자흐스탄 텡게	₸	\20B8
♈	양자리	♈	\2648
♉	황소자리	♉	\2649
♊	쌍둥이	♊	\264A
♋	암	♋	\264B
♌	사자	♌	\264C
♍	처녀 자리	♍	\264D
♎	저울	♎	\264E
♏	투석기	♏	\264F
♐	궁수	♐	\2650
♑	염소자리	♑	\2651
♒	물병자리	♒	\2652
♓	물고기	♓	\2653

그리스 알파벳

편지	소문자		수도
	상징	HTML 코드	상징	HTML 코드
알파	α	α	Α	Α
베타	β	β	Β	Β
감마	γ	γ	Γ	Γ
델타	δ	δ	Δ	Δ
엡실론	ε	ε	Ε	Ε
제타	ζ	ζ	Ζ	Ζ
이것	η	η	Η	Η
세타	θ	θ	Θ	Θ
이오타	ι	ι	Ι	Ι
카파	κ	κ	Κ	Κ
람다	λ	λ	Λ	Λ
무	μ	μ	Μ	Μ
나체상	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
오미크론	ο	ο	Ο	Ο
파이	π	π	Π	Π
로	ρ	ρ	Ρ	Ρ
시그마	σ	σ	Σ	Σ
최종 시그마	ς	ς
타우	τ	τ	Τ	Τ
입실론	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
히히	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
오메가	ω	ω	Ω	Ω

실제로 사용하는 방법

CMS에 관계없이 기사 추가는 시각적 편집기와 HTML 버전을 사용하여 수행됩니다. 인코딩의 모든 특수 문자는 두 번째 경우에만 삽입할 수 있습니다. 도구를 올바르게 사용하려면 코드와 외부 표현을 보여주는 표를 기록해 두는 것이 좋습니다.

기사의 시각적 표현에 기호를 삽입하면 해당 요소가 HTML의 해당 코드로 변환됩니다. 수동으로 정보를 입력하는 경우 최종 결과에 영향을 미치는 경우를 고려하십시오.

타이핑된 텍스트는 인쇄된 문자(그래픽 기호)로 구성됩니다.
그래픽 기호는 텍스트에 시각적으로 표시되는 기호입니다.
모든 그래픽 기호는 단일 범용 유니코드 시스템 세트로 수집됩니다.
HTML 문서에 유니코드 그래픽 기호 삽입
- 이 테이블의 주된 목적이자 유일한 목적입니다.

다음 방법 중 하나로 HTML 문서에 기호를 삽입할 수 있습니다.

1. 브라우저 창의 기호 이미지를 시각적 HTML 편집기 창으로 복사합니다.
2. 기호의 html 코드를 html 문서의 코드에 직접 복사합니다.

두 가지 방법이 있다는 점을 이해하시기 바랍니다.

1. 비주얼에 비주얼 삽입
2. 코드에 코드를 삽입하세요.

HTML의 기호 글꼴, 크기 및 색상은 다음과 같은 코드로 설정할 수 있습니다.
CHARACTER_CODE
어디,
Arial-글꼴,
10px - 픽셀 단위의 글꼴 크기,
#ff0000 - 글꼴 색상 코드(빨간색)

예를 들어:
☎ - 문자 글꼴 크기 30px,
☎ - 기호글꼴 크기 30px, 색상 - 빨간색
☎ - 문자 글꼴 크기 20px,
☎ - 기호 글꼴 크기 10px.
메모 특수 문자 삽입에 권장되는 글꼴은 Arial, Verdana 및 Tahoma입니다. 이러한 글꼴은 유니코드 문자를 올바르게 표시하며 웹 응용 프로그램에서 자체적으로 올바르게 지원됩니다.

1. "상징"
   (가시적 기호 표시)
   이 열에서 기호 이미지를 복사하여 HTML 텍스트 편집기 창에 붙여넣을 수 있습니다. 기호는 20px의 글꼴 크기로 복사됩니다. 복사가 완료된 후 복사된 문자에 맞게 글꼴 크기를 개별적으로 직접 조정해야 할 수도 있습니다.
2. "이름"
   (중요하거나 불분명한 문자에만 해당)
   기호의 목적, 범위, 예에 대한 설명...
3. "기억술"
   니모닉은 HTML 문자의 알파벳 코드를 나타내는 "형식의 알파벳 구성입니다. HTML 문서의 HTML 코드에 직접 삽입됩니다. 니모닉은 전문 레이아웃 디자이너들 사이에서 매우 인기가 있습니다. 인간과 사람이 완벽하게 기억합니다. 모든 HTML 애플리케이션에서 지원됩니다. 각 니모닉에는 기호의 알파벳 이름(지정 )과 서비스 기호(&)가 포함되어 있으며, 이는 브라우저가 코드를 읽도록 신호 역할을 하며 모니터 화면에는 표시되지 않습니다.이름 각 니모닉은 기호를 특징짓는 영어 단어에서 파생되었기 때문에 독특하고 읽기 쉽습니다.

   니모닉(그리스어) – 무언가를 기억하는 기술. 니모닉은 암기 대상이 무언가와 연관되어 있을 때 기억하기 어려운 정보에 대한 인식을 용이하게 하기 위해 사용됩니다.

4. "암호"
   코드 - &와 같은 HTML 문자의 숫자 십진수 코드입니다. HTML 문서의 HTML 코드에 직접 삽입됩니다. 10진수 코드는 유니코드 시스템의 문자 일련 번호를 나타내는 숫자와 여러 서비스 문자(& 및 #)로 구성됩니다. 이 문자는 브라우저가 코드를 읽도록 하는 신호 역할을 하며 모니터 화면에는 표시되지 않습니다. 십진법 코드는 다양성과 인식 용이성으로 인해 널리 사용되고 사용됩니다.

HTML(XHTML)의 제어 문자

HTML(XHTML)의 제어 문자는 웹 페이지의 HTML 레이아웃에 사용되는 HTML 언어의 서비스 문자입니다. 모든 브라우저는 이러한 문자를 지원해야 합니다. 문자가 없으면 HTML 텍스트를 올바르게 표시할 수 없기 때문입니다. 제어 문자는 텍스트에 표시되지 않으며 키보드에서 직접 입력하면 페이지가 화면에 그려질 때 수행할 작업을 호출하는 구두점으로 브라우저에서 해석됩니다.

일반 텍스트에서는 제어 문자를 사용할 수 있습니다. 여기서 제어 문자는 보편적인 개념을 상징하고 브라우저에서 일반 인쇄 문자로 해석됩니다. 이런 방식으로 HTML 텍스트에서 서비스 기호를 사용하는 경우 기호 자체의 값이 아니라 해당 HTML 코드를 입력해야 합니다. 반복합니다. 그렇지 않으면 브라우저가 서비스 기호를 클릭 유도 문구로 인식하고 모니터 화면에 HTML 텍스트가 올바르게 표시되지 않기 때문입니다.

제어 기호와 해당 HTML 코드는 예외 없이 모든 브라우저에서 알려지고 이해됩니다. 아쉽게도 다른 브라우저에서 잘못 표시되거나 더 나쁘게는 전혀 표시되지 않을 수 있는 다른 기호에 대해서는 말할 수 없습니다.

구문 및 구두점

	길이 N의 공간(정규 공간)
	길이 M의 공간 (longspace)
-	부드러운 하이픈(인쇄할 수 없는 문자)			-	­
‑	하이픈				– ‑
-	길이 N의 대시(일반 대시)			-	–
—	길이 M의 대시(em 대시)			—	—
.	점				.
,	반점				,
…	생략			…	…
:	콜론				:
;	세미콜론				;
!	느낌표				! ǃ
?	물음표				?
@	"개"				@
*	"별"				*
#	"격자"				#
‘	단일 왼쪽 상단 인용문			‘	‘ ‘
’	단일 오른쪽 상단 인용문			’	’ ’
‚	단일 하단 오른쪽 따옴표			‚	‚ ‚
“	이중 상단 왼쪽 인용문			“	“ “
”	오른쪽 위 이중 인용			”	” ”
„	오른쪽 아래 이중 인용문			&bdquo	„ „
«	이중 왼쪽 모서리 따옴표(Rus)			«	«
»	오른쪽 이중 따옴표(Rus)			»	»
́	악센트 표시(예: Vasya)				́
"	아포스트로피, 예: You"I				"
´	급성, 예: Vasya			´	´
¶	단락(인쇄할 수 없는 문자)			¶	¶
§	절			§	§
ˆ	악센트 (거꾸로 새)			ˆ	ˆ ˆ
˜	작은 물결표			˜	˜ ˜
¦	수직 점선			¦	¦
(	왼쪽 괄호				(
)	오른쪽 괄호				)
〈	왼쪽 꺾쇠괄호			〈	〈
〉	직각 괄호			〉	〉
‹	왼쪽 꺾쇠괄호, 옵션			‹	‹
›	직각 괄호, 옵션			›	›
[	대괄호 왼쪽				[
]	대괄호 오른쪽				]
/	슬래시 - 슬래시 문자				/
\	백슬래시				\
⁄	슬래시(나누기 기호)			⁄	⁄
ǀ	수직 막대				ǀ
ǁ	이중 수직 막대				ǁ
‾	윗줄, 예: Vasya‾vasya			‾	‾
¯	마크롱, 예: Vasyávasya			¯	¯

상표 및 통화

+	...을 더한			+	+
−	마이너스			−	- −
=	같음				=
±	플러스 마이너스			±	±
×	곱셈 기호			×	×
÷	구분 기호			÷	÷
⋅	도트 연산자(줄 가운데)			⋅	· ⋅
∗	별표 연산자(줄 가운데)			∗	∗
∼	물결표 연산자			∼	∼
.	목록 표시자(줄 중간)			.	•
¹	위 첨자 "1"			¹	¹
²	위 첨자 "2"			²	²
³	위 첨자 "3"			³	³
HTML(XHTML)의 위 첨자 및 아래 첨자 태그를 사용하여 삽입 가능 그리고 , 각각: 숫자 어깨 기호→ NUMBER 위 첨자 숫자 아래첨자→ 아래첨자 NUMBER개
½	분수 "1/2"			½	½
⅓	분수 "1/3"				⅓
¼	분수 "4분의 1"			¼	¼
¾	분수 "3/4"			¾	¾
№	숫자 기호				№
%	퍼센트				%
‰	ppm			‰	‰ ‰
°	도			°	°
′	소수(분, 피트)			′	′
″	이중 소수(초, 인치) 예 1: 30° 25′ 12″ 예 2: 25′ 12 ″			″	″
µ	마이크로			µ	µ
π	파이			π	π
ƒ	기능 기호 ("적분"과 혼동하지 마세요)			ƒ	ƒ ƒ
∫	완전한			∫	∫
∅	교차된 0, 빈 세트 ("직경"과 혼동하지 마십시오)			∅	∅
⌀	직경(X 표시가 있는 라틴어 "o"와 혼동하지 마십시오)				⌀
ø	라틴어 "o"가 대각선으로 지워져 있음			ø	ø
Ø	라틴어 대문자 "O"가 대각선으로 지워져 있음			Ø	Ø
∏	작업 표시			∏	∏
∑	합계 기호			∑	∑
√	근본적인 (제곱근 또는 x루트)			√	√
∝	비례적으로			∝	∝
∞	무한대			∞	∞
∠	모서리			∠	∠
⊥	직교(수직)			⊥	⊥
∴	"그러므로"에 서명하세요			∴	∴
≅	거의 같다			≅	≅
≈	거의 같다			≈	≈
≠	같지 않다			≠	≠
≡	동일하게			≡	≡
≤	작거나 같음			≤	≤
≥	그 이상 또는 같음			≥	≥
∧	논리 AND			∧	∧
∨	논리적 OR			∨	∨
⊕	원 안의 더하기 기호 (직접금액)			⊕	⊕
⊗	원 안에 곱셈 기호 (외적, 관찰자의 화살표)			⊗	⊗
ʘ	원 안에 점을 찍다 (관찰자에게 화살표)				ʘ

				✵ ✵

안녕하세요, 블로그 사이트 독자 여러분! 비록 일반적인 용어이긴 하지만 적어도 표면적으로 익숙해진 사람들은 아마도 이미 주목했을 것입니다. 이는 문서 코드에서 일반적으로 어떤 HTML 기호가 사용되는지에 대한 아이디어를 가지고 있음을 의미합니다.

오늘 기사에서 우리는 HTML에서 공백이 무엇인지, 그리고 어떤 경우에 쉽게 읽을 수 있도록 코드 자체의 형식을 지정할 때 공백 문자를 사용할 수 있는지 알아내려고 노력할 것입니다. 줄 바꿈 없는 공백을 사용해야 하는 경우를 알아보고 다른 특수 문자(또는 니모닉이라고도 함)에 대해서도 알아봅니다.

사실 다양한 특수 문자 사용이라는 주제를 무시하지 말라고 조언하고 싶습니다. 이는 하이퍼텍스트 마크업 언어에 대한 학습을 ​​완료할 수 있는 중요한 구성 요소이기 때문입니다. 일반적으로 이 간행물에 제공된 정보는 결코 불필요한 정보가 아닙니다. 자, 이제 요점입니다.

HTML의 공백 및 공백 문자

먼저 중요한 메모가 있습니다. 컴퓨터 키보드에는 텍스트를 분리할 수 있는 특수 키가 있습니다(자세한 내용은 아래 참조). 그러나 넓은 스페이스바만이 편집기뿐만 아니라 브라우저 창에서도 단어 사이를 구분하는 기능을 제공합니다. 선을 끊고 가장자리에서 들여쓰기할 때 미묘한 차이가 있습니다.

아시다시피 웹 브라우저의 특정 요소 표시는 태그에 의해 결정됩니다. 텍스트 형식을 지정하기 위해 블록 기반인 잘 알려진 가 사용됩니다. 즉, 해당 콘텐츠는 사용 가능한 전체 너비에 걸쳐 위치합니다.

에게 단락 P 내 줄 바꿈, 이를 수행하려면 단일 BR 태그를 사용해야 합니다. 텍스트 편집기에서 쓴 시의 일부 줄을 텍스트에 삽입해야 한다고 가정해 보겠습니다.

구절의 줄이 올바르게 위치하고 하이픈이 올바른 위치에 만들어졌음에도 불구하고 브라우저에서는 모든 것이 다르게 보입니다.

웹 브라우저 창에서 동일한 표시를 얻으려면 각 줄 바꿈에 BR을 써야 합니다.

이제 작업을 완료했으며 시적 대사가 브라우저에 완전히 올바르게 표시됩니다.

따라서 필요한 줄 바꿈이 완료되었습니다. 여기서 주목해야 할 또 다른 특징은 연달아 오는 여러 공백이 웹 브라우저에 의해 하나로 표시된다는 것입니다. 동일한 편집기에서 두 단어 사이에 하나가 아닌 여러 개의 공백을 넣고 "저장" 버튼을 클릭하여 브라우저에서 결과를 보면 이를 확인할 수 있습니다.

공백, 탭 및 줄바꿈

기본적으로 이것들을 가지고 공백 문자우리는 편집기에서 텍스트 작업을 시작하고 필요한 형식으로 형식을 지정하자마자 서로를 알게 됩니다. 이러한 작업을 구현하기 위해 각각 고유한 공백 문자에 해당하는 특수 키가 있습니다.

• 스페이스바는 컴퓨터 키보드에서 가장 넓은 키입니다(레이블 없음).
• 탭 - 왼쪽에 "Tab"이라는 글자가 있고 서로 다른 방향을 가리키는 두 개의 화살표가 있는 키입니다.
• 줄 바꿈 - "Enter" 키입니다.

그러나 위에서 말했듯이 텍스트 편집기뿐만 아니라 브라우저에서도 첫 번째 키를 사용할 때만 원하는 최종 결과를 얻을 수 있습니다. 세 가지 키(탭 및 줄 바꿈 포함)는 모두 HTML 코드 서식을 지정할 때 유용합니다. 모든 공백 문자를 표시할 때 NotePad++(이 편집기에 대한 많은 정보가 있음)에서 코드 조각이 다음과 같이 표시된다고 가정해 보겠습니다.

공백 덕분에 읽고 이해하기 쉬운 코드를 얻을 수 있습니다. 주황색 화살표는 Tab 키를 사용하여 만든 들여쓰기를 나타내고, CR 및 LF 기호는 Enter 키를 사용하여 만든 줄 바꿈을 나타냅니다.

서로 중첩된 컨테이너가 표시되고 여는 태그와 닫는 태그가 명확하게 표시됩니다. 이 양식에서는 이 코드를 쉽게 편집할 수 있습니다. 이제 텍스트 구분이 없는 동일한 코드와 비교해 보세요.

같은 방식으로 공백 문자를 사용하면 시각적으로 명확하고 이해하기 쉬운 CSS 규칙을 작성할 수 있습니다.

모든 스타일을 공통 분모로 가져오고 스타일 파일 편집을 완전히 마친 후 코드에서 모든 공백을 제거하여 편집을 수행할 수 있습니다. 이는 자원을 홍보할 때 매우 중요합니다.

HTML 코드의 특수 문자(또는 니모닉)

이제 글 서두에서 언급한 특수문자를 사용해야 하는 경우를 살펴보겠습니다. 니모닉이라고도 불리는 HTML 특수 문자는 하이퍼텍스트 마크업 언어에서 발생한 인코딩과 관련된 오랜 문제를 해결하기 위해 도입되었습니다.

키보드에서 텍스트를 입력하면 사용 중인 언어 문자가 인코딩됩니다. 웹 브라우저에서 입력된 텍스트는 역디코딩 작업의 결과로 선택한 글꼴을 사용하여 표시됩니다.

사실 그러한 인코딩은 많이 있지만 이제 우리는 이를 자세히 분석하려는 목표가 없습니다. 각 항목에는 표시해야 하는 특정 기호가 누락되었을 수 있습니다. 작은따옴표나 악센트 표시를 쓰고 싶은 충동을 느끼지만 이러한 아이콘은 세트에 포함되어 있지 않다고 가정해 보겠습니다.

이 문제를 해결하기 위해 수많은 다양한 니모닉을 포함하는 특수 기호 시스템이 도입되었습니다. 모두 앰퍼샌드 "&"로 시작하고 일반적으로 세미콜론 ";"으로 끝납니다. 처음에는 각 특수 문자에 고유한 디지털 코드가 있었습니다. 예를 들어, 아래에서 자세히 살펴보겠지만 줄바꿈 없는 공백의 경우 다음 항목이 유효합니다.

그러나 얼마 후 가장 일반적인 기호에는 기억하기 쉽도록 문자 유사어(니모닉)가 할당되었습니다. 동일한 중단되지 않는 공간에 대해 다음과 같다고 가정해 보겠습니다.

결과적으로 브라우저에는 해당 기호가 표시됩니다. 니모닉 목록은 매우 방대합니다. HTML에서 가장 일반적으로 사용되는 특수 문자아래 표에서 확인할 수 있습니다.

상징	암호	기억술	설명
			중단되지 않는 공간
			좁은 공간(너비를 문자 n으로 설정)
			넓은 공간(em-폭은 문자 m)
–	-	–	엔 대시(엔 대시)
-	—	—	엠 대시(엠 대시)
­	-	­	소프트 전송
ㅏ		́	스트레스는 "스트레스" 문자 뒤에 위치합니다.
©		©	저작권
®	®	®	등록상표
™	™	™	상표 표시
º	º	º	화성의 창
ª	ª	ª	비너스의 거울
‰	‰	‰	ppm
π	π	π	파이(Times New Roman 사용)
¦	¦	¦	수직 점선
§	§	§	절
°	°	°	도
µ	µ	µ	마이크로 사인
¶	¶	¶	단락 표시
…	…	…	생략
‾	‾	‾	윗줄
´	´	´	악센트 표시
№		№	숫자 기호
🔍		🔍	돋보기(왼쪽으로 기울어짐)
🔎		🔎	돋보기(오른쪽으로 기울어짐)
산술 및 수학 연산의 징후
×	×	×	곱하다
÷	÷	÷	나누다
<	<		더 적은
>	>	>	더
±	±	±	플러스/마이너스
¹	¹	¹	1도
²	²	²	2도
³	³	³	3도
¬	¬	¬	부정
¼	¼	¼	사분의 일
½	½	½	반
¾	¾	¾	사분의 삼
⁄	⁄	⁄	소수점
−	−	−	마이너스
≤	≤	≤	작거나 같음
≥	≥	≥	그 이상 또는 같음
≈	≈	≈	거의 (거의) 같다
≠	≠	≠	같지 않다
≡	≡	≡	동일하게
√	√	√	제곱근(근수)
∞	∞	∞	무한대
∑	∑	∑	합계 기호
∏	∏	∏	작업 표시
∂	∂	∂	편미분
∫	∫	∫	완전한
∀	∀	∀	모든 사람(굵게 표시된 경우에만 표시됨)
∃	∃	∃	존재한다
∅	∅	∅	빈 세트
Ø	Ø	Ø	지름
∈	∈	∈	속한다
∉	∉	∉	속하지 않는
∋	∋	∗	포함
⊂	⊂	⊂	부분집합이다
⊃	⊃	⊃	슈퍼세트다
⊄	⊄	⊄	부분집합이 아니다
⊆	⊆	⊆	부분집합이거나 다음과 같습니다.
⊇	⊇	⊇	슈퍼세트이거나 같음
⊕	⊕	⊕	게다가 원 안에
⊗	⊗	⊗	원 안에 곱셈 기호
⊥	⊥	⊥	수직
∠	∠	∠	모서리
∧	∧	∧	논리 AND
∨	∨	∨	논리적 OR
∩	∩	∩	교차로
∪	∪	∪	노동 조합
통화 기호
€	€	€	유로
¢	¢	¢	센트
£	£	£	파운드
¤	¤t;	¤	통화 기호
¥	¥	¥	엔화와 위안화
ƒ	ƒ	ƒ	플로린 기호
마커
	.		간단한 마커
○		○	원
·	·	·	중간점
†		†	십자가
‡		‡	이중 교잡
♠	♠	♠	봉우리
♣	♣	♣	클럽
			마음
♦	♦	♦	다이아 패 한 벌
◊	◊	◊	마름모
✏		✏	연필
✎		✎	연필
✐		✐	연필
✍		✍	손
인용 부호
"	"	"	큰따옴표
&	&	&	앰퍼샌드
«	«	«	왼쪽 인쇄용 따옴표(헤링본 따옴표)
»	»	»	오른쪽 활자체 따옴표(헤링본 따옴표)
‹		‹	단일 코너 견적 열기
›		›	단일 코너 견적 마감
′	′	′	소수(분, 피트)
″	″	″	이중 소수(초, 인치)
‘	‘	‘	왼쪽 위 작은따옴표
’	’	’	오른쪽 위 작은따옴표
‚	‚	‚	오른쪽 아래 작은따옴표
“	“	“	왼쪽 인용-피트
”	”	”	발 오른쪽 상단 인용
„	„	„	오른쪽 아래 발 인용
❛		❛	단일 영어 여는 따옴표
❜		❜	단일 영어 닫는 따옴표
❝		❝	여는 큰따옴표
❞		❞	닫는 큰따옴표
화살
←	←	←	왼쪽 화살표
			위쪽 화살표
→	→	→	오른쪽 화살표
↓	↓	↓	아래쪽 화살표
↔	↔	↔	왼쪽 및 오른쪽 화살표
↕		↕	위쪽 및 아래쪽 화살표
↵	↵	↵	캐리지 리턴
⇐	⇐	⇐	이중 왼쪽 화살표
⇑	⇑	⇑	이중 위쪽 화살표
⇒	⇒	⇒	이중 오른쪽 화살표
⇓	⇓	⇓	이중 아래쪽 화살표
⇔	⇔	⇔	이중 화살표 왼쪽 및 오른쪽
⇕		⇕	이중 위쪽 및 아래쪽 화살표
▲		▲	삼각형 위쪽 화살표
▼		▼	삼각형 아래쪽 화살표
			삼각형 오른쪽 화살표
◄		◄	삼각형 왼쪽 화살표
별, 눈송이
☃		☃	눈사람
❄		❄	눈송이
❅		❅	토끼풀에 끼워진 눈송이
❆		❆	뚱뚱하고 날카로운 각진 눈송이
★		★	음영처리된 별
☆		☆	빈 별
✪		✪	채워진 원 안의 채워지지 않은 별
✫		✫	내부에 열린 원이 있는 채워진 별
✯		✯	회전하는 별
⚝		⚝	그려진 흰색 별
⚪		⚪	중간 열린 원
⚫		⚫	가운데 채워진 원
⚹		⚹	Sextile(눈송이형)
✵		✵	여덟개 회전하는 별
❉		❉	끝이 구형인 별
❋		❋	대담한 8각 방울 모양의 별 프로펠러
✺		✺	16개의 별표
✹		✹	열두개의 별
✸		✸	굵은 8각 직선으로 채워진 별
✶		✶	육각형으로 채워진 별
✷		✷	여덟개의 직선으로 채워진 별
✴		✴	여덟개 별
✳		✳	여덟개 별
✲		✲	가운데가 비어 있는 별
✱		✱	뚱뚱한 별
✧		✧	뾰족한 네 꼭지 열린 별
✦		✦	4각형으로 채워진 뾰족한 별
⍟		⍟	원 안에 별표 표시
⊛		⊛	원 안에 눈송이
시계 시간
⏰		⏰	보다
⌚		⌚	보다
⌛		⌛	모래시계
⏳		⏳	모래시계

줄 바꿈 없는 공백, 부드러운 하이픈 등 일부 특수 문자를 사용하는 경우

이미 테이블을 조금 연구했다면 위에서 말한 내용, 즉 모든 특수 문자를 표시하려면 해시 세트 대신 디지털 코드() 또는 알파벳 아날로그(기호 니모닉)가 사용된다는 확인을 받았을 것입니다. 표시와 숫자, 문자()가 적혀있습니다.

이제 이 코드를 언제 사용해야 하는지 살펴보겠습니다. 기사에서 정보 제공 목적으로 일부 HTML 태그를 표시해야 한다고 가정해 보겠습니다. 예를 들면 다음과 같습니다.