>  기사  >  웹 프론트엔드  >  HTML에서 공백 문자를 표현하는 방법

HTML에서 공백 문자를 표현하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-06-02 16:06:3025821검색

공백 문자를 나타내는 방법: 1. " "는 줄바꿈하지 않는 공백을 나타냅니다. 2. " "는 반자 공백을 나타냅니다. 3. " "는 전자 공백을 나타냅니다. 4. " "는 좁은 공간을 나타냅니다. 5. " ", " " 등은 일반 공간을 나타냅니다.

HTML에서 공백 문자를 표현하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

일반적으로 우리는 여러 개의 공백을 입력할 때 스페이스바를 사용합니다. 코드를 작성할 때 스페이스바, Tab 키, Enter 키로 입력한 공백은 HTML(Hypertext Markup Language)에서 자동으로 무시됩니다. HTML은 이러한 키를 공백 문자로 처리하고 단일 공백 ​​간격으로 표시합니다. CSS는 다양한 스타일의 간격 및 들여쓰기를 제공하지만 HTML에는 간격을 직접 정의할 수 있는 도구도 있습니다.

1. 줄바꿈하지 않는 공백은 " "로 표시됩니다.

HTML에서 공백 문자를 표현하는 방법

일반적으로 스페이스바를 몇 번 눌러도 HTML에서는 단어 사이에 공백만 표시됩니다. 여러 개의 공백을 삽입해야 하는 경우   또는   코드를 입력하세요. [1] 이를 "공간 자리 표시자"라고 합니다. 몇 개만 입력하면 페이지에 몇 개의 공백이 표시됩니다. 개행 문자를 생성하지 않기 때문에 줄바꿈 방지 공백이라고 합니다. 이 공백을 남용하면 브라우저가 깔끔하고 읽기 쉬운 방식으로 줄바꿈을 삽입하지 못할 수도 있습니다.

2. 반각 공간을 표현하려면 " "를 사용하세요.

반각 공간, 전체 이름은 En Space이고, en은 너비의 절반인 타이포그래피의 단위입니다. 정의에 따르면 글꼴 크기의 절반에 해당합니다(예: 10px 글꼴의 5px). 특징: 차지하는 너비는 정확히 중국어 너비의 1/2이며 기본적으로 글꼴의 영향을 받지 않습니다.

— "en space"는 타이포그래피의 측정 단위에 따라 명명되었으며 너비는 두 개의 일반 공백의 너비입니다  — “en空格”是根据字体排印学的计量单位命名,宽度是两个普通空格的宽度

3、全角空格使用“”表示

“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其 占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

 — “em空格”大概是四个普通空格的宽度

4、窄空格使用“”表示

窄空格,全称是Thin Space。占据的宽度比较小。它是六分之一的宽度。

5、普通空格

浏览器还会把以下字符当作空白进行解析:空格( )、制表位( )、换行( )和( 

3. code> 전폭 공백의 경우 code>"는

"전폭 공백"을 의미하며 전체 이름은 Em Space이고 em은 타이포그래피의 측정 단위로 현재 지정된 포인트 수에 해당합니다. 예를 들어 16px 글꼴의 1em은 16px입니다. 이 공간 역시 공간 계열의 일관된 특성을 계승합니다. 즉, 이 공간도 매우 안정적인 특성을 가지고 있습니다. 즉, 차지하는 너비가 정확히 1 중국어 너비이며 기본적으로 글꼴의 영향을 받지 않습니다.

HTML에서 공백 문자를 표현하는 방법 — "em 공백"은 일반 공백 4개 정도의 너비입니다

4. 좁은 공백을 나타내려면 ""를 사용하세요. 공백, 전체 이름은 Thin Space입니다. 차지하는 너비는 상대적으로 작습니다. 너비는 의 1/6입니다.

🎜5. 일반 공백 🎜🎜🎜 브라우저는 공백( ), 탭 정지( ), 개행 문자(<code> ) 및 ( ) 등 🎜🎜🎜예: 🎜🎜
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p>测试文本  测试文本</p>
		<p>测试文本&ensp;&ensp;测试文本</p>
		<p>测试文本&emsp;&emsp;测试文本</p>
		<p>测试文本&thinsp;&thinsp;测试文本</p>
		<p>测试文本&#x0020;&#x0020;测试文本</p>
		<p>测试文本&#x0009;&#x0009;测试文本</p>
		<p>测试文本&#x000A;&#x000A;测试文本</p>
		<p>测试文本&#12288;&#12288;测试文本</p>
	</body>
</html>
🎜🎜🎜🎜추천 학습: 🎜html 비디오 튜토리얼🎜🎜

위 내용은 HTML에서 공백 문자를 표현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.