English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
웹 페이지에 여러 공백을 삽입하는 것은 html에서 자주 사용되는 기능입니다. html 공백을 구현하는 방법은 여러 가지가 있습니다. 아래에서 하나씩 소개해 드리겠습니다.
：한 문자의 반원형 공백이며, 웹 페이지에 여러 공백을 삽입하려면 " " 코드를 여러 번 쓰면 됩니다（일반적인 방법）；
：한 문자의 반원형 공백, 또는 " "를 여러 번 쓰면 여러 개의 공백을 삽입할 수 있습니다;
：두 문자의 완전한 공백, 또는 " "를 여러 번 쓰면 더 많은 공백을 삽입할 수 있습니다;
：한 문자 이하의 공백；설명：단어 뒤의 반점을 기억해 두세요. 그것은 html 코드의 일부입니다.
!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>웹 페이지에 여러 공백을 삽입하는 방법-기본 가이드(oldtoolbag.com)</title></head> body> <p>html 공백 공백 기본教程(oldtoolbag.com)</p> <p>html 공백 공백 기본教程(oldtoolbag.com)</p> <p>html 공백 공백 기본教程(oldtoolbag.com)</p> <p>html 공백 공백 기본教程(oldtoolbag.com)</p> </body> </html>테스트를 해보세요 ‹/›
결과는 다음과 같습니다：
그래서 우리는 왜 html 공백 기호 코드를 사용해야 하나요? 그냥 키보드에서 몇 개의 공백을 치면 되지 않을까요? 실제로 작업을 할 때, 다음과 같이 발견할 것입니다: 기본적으로, html 원본 코드에서 몇 개의 공백을 치든지, 브라우저에서 실행될 때는 항상 하나의 공백만 표시됩니다. 따라서 웹에서 여러 공백 효과를 구현하기 위해 html 공백 기호 코드를 사용해야 합니다。
그래서 기본적으로 이렇게 말하는 이유는, 실제로는 css에서 “white-space” 속성을 사용하여 여러 공백 효과를 구현합니다. 이는 “white-space” 속성 값을 “pre”로 설정하면, 브라우저는 html 원본 코드에서의 공백과 줄 바꿈을 유지합니다. 이제 원본 코드에서 공백을 치면, 브라우저에서 실행될 때도 같은 공백을 사용합니다。
설명: 일반적으로 웹 개발에서는 여러 공백 효과를 구현하기 위해 html 공백 기호 코드를 사용합니다。
| 기호 | 표시 |
|---|---|
| 보통 영어 반각 공백 | |
| 보통 영어 반각 공백이지만 행이 바뀌지 않습니다 | |
| 중국어 전각 공백（한 개 중국어 너비） | |
| 반각(en) 공백 （반개 중국어 너비，글꼴에 영향을 받지 않음） | |
| 전각(em) 공백 （한 개 중국어 너비，글꼴에 영향을 받지 않음） | |
| 네분의 하나 전각(em) 공백 （네분의 하나 중국어 너비） | |
| 보통 공백 | |
| 보통 공백보다, space 키를 누른 공백은 누적되지 않습니다 |
em은 글자형학의 측정 단위로, 현재 지정된 포인트 수에 해당합니다. 예를 들어，“1 em은16px 글꼴에서는16px。）
em은 글자형학의 측정 단위로, em 너비의 반입니다. 정의에 따르면, 이는 글꼴 크기의 반에 해당합니다（예를 들어16px 글꼴에서는8px）。소문자 n의 너비입니다。
지속적인（non-breaking）특성이란:
연속적인 nbsp는 동일한 줄에 표시됩니다. 즉, 수많은 연속적인 nbsp가 있어도, 브라우저는 그들을 두 줄로 나누지 않습니다.