HTML 특수 문자. 공백 문자 및 Html의 코드 형식, 특수 공백 문자 및 기타 니모닉

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

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

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

다음과 같은 두 가지 다른 방법이 있습니다.

1. 비주얼에 비주얼 삽입
2. 코드에 코드를 삽입합니다.

HTML에서 심볼의 글꼴, 크기 및 색상은 다음과 같은 코드로 설정할 수 있습니다.
캐릭터 코드
어디,
Arial - 글꼴,
10px - 글꼴 크기(픽셀),
# ff0000 - 글꼴 색상 코드(빨간색)

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

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

   니모닉(그리스어) - 무언가를 기억하는 기술. 니모닉은 저장 개체가 무언가와 연관 상태가 될 때 기억하기 어려운 정보의 인식을 용이하게 하는 데 사용됩니다.

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

HTML의 제어 문자(XHTML)

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

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

제어 기호와 해당 HTML 코드는 예외 없이 모든 브라우저에서 알고 이해하며, 다른 브라우저에서 잘못 표시되거나 더 심하게 표시되지 않을 수 있는 나머지 기호에 대해 말할 수 없습니다.

구문 및 구두점

	길이가 N인 공간(일반 공간)
	길이 M의 공간(긴 공간)
-	소프트 캐리(인쇄할 수 없는 문자)			-	­
‑	하이픈				– ‑
-	대시 길이 N(일반 대시)			-	–
—	길이 M의 대시(엠 대시)			—	—
.	가리키다				.
,	반점				,
…	생략			…	…
:	콜론				:
;	세미콜론				;
!	느낌표				! ǃ
?	물음표				?
@	"개"				@
*	"별"				*
#	"격자"				#
‘	왼쪽 상단 작은따옴표			‘	‘ ‘
’	오른쪽 상단 작은따옴표			’	’ ’
‚	단일 하단 오른쪽 따옴표			‚	‚ ‚
“	이중 상단 왼쪽 따옴표			“	“ “
”	이중 상단 오른쪽 따옴표			”	” ”
„	이중 하단 오른쪽 따옴표			& bdquo	„ „
«	이중 왼쪽 따옴표(rus)			«	«
»	이중 직각 따옴표(rus)			»	»
́	악센트 표시, 예: Vasya				́
"	아포스트로피, 예: 당신은 "나는				"
´	급성, 예: Vas'ya			´	´
¶	단락(인쇄할 수 없는 표시)			¶	¶
§	절			§	§
ˆ	악센트(거꾸로 새)			ˆ	ˆ ˆ
˜	작은 물결표			˜	˜ ˜
¦	수직 점선			¦	¦
(	왼쪽 괄호				(
)	오른쪽 괄호				)
〈	왼쪽 꺾쇠 괄호			〈	〈
〉	직각 괄호			〉	〉
‹	왼쪽 꺾쇠 괄호, 옵션			‹	‹
›	꺾쇠 괄호 오른쪽, 옵션			›	›
[	왼쪽 대괄호				[
]	오른쪽 대괄호				]
/	슬래시 - 슬래시 문자				/
\	백슬래시				\
⁄	슬래시(나누기 기호)			⁄	⁄
ǀ	수직 막대				ǀ
ǁ	이중 수직 막대				ǁ
‾	밑줄, 예: Vasya‾vasya			‾	‾
¯	macron, 예: Vasya¯vasya			¯	¯

상표 및 통화

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

				✵ ✵

이 페이지에는 다음이 포함되어 있습니다. 화살유니코드의 VKontakte(뿐만 아니라)용. 그들 중 많은. 어쩌면 우리보다 더. 언젠가 그들이 세계를 장악하더라도 나는 놀라지 않을 것입니다. 그리고 이것이 나쁘다는 것은 사실이 아닙니다. 그들은 이미 지금 어디에나 있습니다. 주위를 둘러보면 적어도 하나는 반드시 보게 될 것입니다. 글쎄, 또는 이와 유사한 것, 대신 사용할 수 있는 것. 그들은 보고, 기다리고 있습니다. 지금까지는 피해보다 이익이 더 많습니다. 그대로 있기를 바랍니다. 음, 기호 기호가 소셜 네트워크에 더 깊이 들어갈 수 있도록 합시다.

나는 화살 출현의 역사에 대해 몇 마디 말할 것입니다. 19세기에 바지에 등장한 이유는 촘촘한 뭉치로 운송된 후 바지를 매끄럽게 만들기가 어려웠기 때문입니다. 우리 눈앞에서 그들은 고대 이집트에서 그려졌습니다. 지형에 마커가 언제 나타났는지 모르겠습니다. 아마도 최초의 쓰기 시스템이 생성되기 전에도 마찬가지였을 것입니다. 유니코드에서는 화살표가 단계적으로 나타납니다. 별도의 섹션과 두 개의 추가 섹션이 있지만 여러 섹션에서 다양한 방향 표시기를 볼 수 있습니다. 예를 들어, 다양한 기술 기호 또는 딩뱃에서.

소셜 네트워크용 화살표 기호

검은색 화살표는 물론 필요합니다. 결국, 그들은 방향을 나타냅니다. 예를 들어, 오른쪽과 아래쪽: ⇘. 그러나 남동쪽으로: ➘. 훌륭하지 않습니까?

포인터는 다양한 모양과 크기로 제공됩니다. 물결 모양, 깨진, 굵게, 검정, 흰색. 일부는 매우 일반적이지 않습니다. 이 음영 처리된 오른손잡이 창을 살펴보십시오. ➤. 그런 사람은 어떤 메시지, 상태 또는. 위는 모든 취향과 크기에 대해 수집된 포인터입니다. 매우 다양합니다. 언젠가 그들은 압수 할 것입니다 ... 어딘가에 약이있었습니다 ...

VKontakte의 어딘가에 화살표를 복사하려면 마우스로 화살표를 선택하고 VKontakte의 어딘가에 복사하십시오.

HTML 특수 문자는 텍스트 파일에 사용된 문자 집합의 문자를 참조하는 특수 언어 구조입니다. 다음 표에는 추가할 수 없는 예약 문자 및 특수 문자 목록이 나와 있습니다. 원천키보드를 사용하는 HTML 문서:

• 키보드를 사용하여 입력할 수 없는 문자(예: 저작권 기호)
• 마크업을 위한 기호(예: 크거나 작은 기호)

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

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

HTML에서 지원되는 수학 기호

상징	숫자 코드	기호 이름	설명
∀	∀	∀	모두를 위해, 모두를 위해
∂	∂	∂	부분
∃	∃	∃	존재
∅	∅	∅	빈 세트
∇	∇	∇	해밀턴 연산자("nabla")
∈	∈	∈	세트에 속한다
∉	∉	∉	세트에 속하지 않습니다
∋	∋	∋	또는
∏	∏	∏	일하다
∑	∑	∑	합집합
−	−	−	마이너스
∗	∗	∗	곱셈 또는 연산자 켤레
×	×	& 시간	곱하기 기호
√	√	√	제곱근
∝	∝	∝	비례
∞	∞	∞	무한대
⋮	⋮		다수
∠	∠	∠	주입
∧	∧	∧	그리고
∨	∨	∨	또는
∩	∩	∩	횡단
∪	∪	∪	노동 조합
∫	∫	∫	완전한
∴	∴	∴	그러므로
∼	∼	∼	처럼
≅	≅	≅	유사한
≈	≈	≈	거의 같음
≠	≠	≠	같지 않다
≡	≡	≡	똑같이
≤	≤	≤	이하
⩽	⩽ ⩽	⩽ ⩽	이하
≥	≥	≥	더 많거나 같음
⩾	⩾ ⩾	⩾ ⩾	더 많거나 같음
⊂	⊂	⊂	부분집합
⊃	⊃	⊃	슈퍼넷
⊄	⊄	⊄	하위 집합이 아님
⊆	⊆	⊆	부분집합
⊇	⊇	⊇	슈퍼세트
⊕	⊕	⊕	직접 합계
⊗	⊗	⊗	텐서 제품
⊥	⊥	⊥	수직
⋅	⋅	⋅	점 연산자

그리스어와 콥트어 알파벳

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

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

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

어떻게 작동하는지 봅시다. 특별하다고 간주되거나 웹 페이지에서 사용하고 싶지만 편집기에서 인쇄할 수 없는 모든 문자(예: 저작권 기호)에 대해 약어를 찾아 문자 대신 html 코드에 입력합니다. 당신이 원하는. 예를 들어 ">" 기호의 경우 약어는 - > , 그리고 "<" - < .

"Element 매우 중요합니다.” 대신 레코드를 올바르게 표시하는 데 필요한 기호에 대한 링크를 사용해야 하며 결과적으로 코드 항목은 다음과 같아야 합니다.

요소 매우 중요

노력하다 "

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

블로그 사이트 독자 여러분 안녕하세요! 적어도 피상적으로 친해질 수 있었던 사람들은 아마도 일반적인 용어이지만 이미 주목했을 것입니다. 이는 문서 코드에서 일반적으로 사용되는 HTML 문자에 대한 아이디어를 가지고 있음을 의미합니다.

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

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

HTML의 공백 및 공백 문자

중요한 점을 먼저 짚고 넘어가야 합니다. 컴퓨터 키보드에는 텍스트 분리를 구현할 수 있는 특수 키가 있습니다(자세한 내용은 아래 참조). 단, 에디터 뿐만 아니라 브라우저 창에서도 단어 사이에 공간을 제공하는 것은 넓은 스페이스바뿐입니다. 줄 바꿈과 여백 들여쓰기에 미묘한 차이가 있습니다.

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

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

구절의 행이 올바르게 위치하고 하이픈이 올바른 위치에서 수행된다는 사실에도 불구하고 브라우저에서는 모든 것이 다르게 보일 것입니다.

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

이제 작업 완료에 도달했으며 브라우저에서 구절 줄이 절대적으로 올바르게 표시됩니다.

따라서 필요한 줄 바꿈이 완료됩니다. 여기에서 웹 브라우저에서 여러 공백이 차례로 표시되는 기능도 주목할 필요가 있습니다. 동일한 편집기에서 두 단어 사이에 하나가 아닌 여러 개의 공백을 넣으려고 시도하고 "저장" 버튼을 클릭하여 브라우저에서 결과를 보면 이를 확신할 수 있습니다.

공백, 탭 및 줄 바꿈

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

• 공백 - 컴퓨터 키보드에서 가장 넓은 키(비문 없음).
• 표 - 왼쪽에 "Tab"이라는 글자가 있고 다른 방향을 가리키는 두 개의 화살표가 있는 키.
• 줄 바꿈 - "Enter" 키.

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

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

내부에 중첩된 컨테이너가 표시되고 열기 및 닫기 태그가 잘 구별됩니다. 이 형식에서는 이 코드를 쉽게 편집할 수 있습니다. 이제 이러한 텍스트 분할이 없는 동일한 코드와 비교합니다.

같은 방식으로 공백 문자를 사용하여 시각적으로 이해하고 소화할 수 있는 CSS 규칙을 작성할 수 있습니다.

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

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

이제 기사의 시작 부분에서 언급한 특수 문자를 사용해야 하는 경우를 분석해 보겠습니다. 니모닉이라고도 하는 HTML 특수 문자는 하이퍼텍스트 마크업 언어의 인코딩과 관련된 오랜 문제를 해결하기 위해 도입되었습니다.

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

사실은 그러한 인코딩이 많이 있다는 것입니다. 이제 우리는 그것들을 자세히 파싱할 목표가 없습니다. 각각에 특정 기호가 부족할 수 있지만 표시해야 합니다. 예를 들어, 작은 따옴표나 악센트 기호를 쓰고 싶은 충동이 있는데 이러한 아이콘은 세트에 없는 것이 진부합니다.

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

그러나 잠시 후 가장 일반적인 기호에는 기억하기 쉽도록 알파벳 대응 기호(니모닉)가 지정되었습니다. 동일한 비분리 공간에 대해 다음과 같이 표시된다고 가정해 보겠습니다.

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

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

줄 바꿈하지 않는 공백 및 부드러운 하이픈을 포함한 일부 특수 문자의 사용 사례

이미 표를 조금 공부했다면 위에서 말한 모든 특수 문자를 표시하기 위해 디지털 코드() 또는 그 알파벳 유사체(기호 니모닉)가 사용된다는 확인을 받았을 것입니다. 여기서 문자()가 대신 쓰여집니다 격자와 숫자의 조합.

이제 이러한 코드를 적용해야 하는 경우를 살펴보겠습니다. 예를 들어 정보 제공을 위해 일부 HTML 태그를 지정해야 하는 기사를 가정해 보겠습니다.