>  기사  >  웹 프론트엔드  >  HTML에서 공백을 사용하는 다양한 방법을 요약합니다.

HTML에서 공백을 사용하는 다양한 방법을 요약합니다.

伊谢尔伦
伊谢尔伦원래의
2017-06-01 16:29:325961검색

html의 기본 코드를 배우는 과정에는 html의 공백 코드를 작성하는 방법도 포함된다고 생각합니다. 우리는 프로그램을 편집할 때 일반적으로 공백을 사용합니다. html 공백 코드 문자 엔터티는 줄 바꿈되지 않는 공백입니다.   이것은 html의 공백 코드입니다. 물론 공백 기호, 공백 문자, 빈 줄 등도 있습니다. 다음 글에서는 이러한 공간과 관련된 내용들을 하나씩 설명하도록 하겠다.

먼저 "HTML/CSS 빠른 시작"튜토리얼의 공백 소개

1.HTML 문자 엔터티의 공백 소개

HTML에서 공백을 사용하는 다양한 방법을 요약합니다.

에서 살펴보세요. html 여러 공백은 브라우저에 의해 하나로 축소되므로 여러 공백의 목적을 달성하려면   를 사용해야 합니다. nbsp는 잘림 방지 공간으로, 일반 공백과 다릅니다. 즉, 공백을 깨지 않습니다. 즉,   는 HTML 코드에서 공백을 생성하고 브라우저가 이 공백에 줄을 줄 바꿈하는 것을 방지하는 데 사용됩니다. 예를 들어, 두 개의 HTML에서 공백을 사용하는 다양한 방법을 요약합니다. 태그에  를 사용하면 이미지가 너무 넓어서 브라우저 너비를 초과할 때 발생하는 줄바꿈을 방지할 수 있습니다. 즉, 일반 공백을 사용하는 경우 브라우저 너비가 충분하지 않으면 두 번째 img가 다음 줄로 접혀지고  두 img가 같은 줄에 표시됩니다.

2. HTML의 공백 문자 및 공백 기호 공유

1. HTML의 공백 문자 개체 요약 및 공유에 대하여

  인코딩  : HTML에서는 공백 키를 눌러 생성됩니다. 공백은 누적되지 않습니다(1로만 계산됨). 공백은 누적되기 전에 HTML 엔터티로 표시되어야 합니다.

전폭 공백(Em Space) 문자 인코딩: em은 타이포그래피의 측정 단위입니다. 예를 들어 16px 글꼴의 1em은 16px입니다. 이 공간은 매우 견고한 특성을 갖고 있으며, 그것이 차지하는 폭은 정확히 중국 폭의 1배에 해당한다.

반각 공백(En Space) 문자 인코딩: en은 타이포그래피의 측정 단위입니다. 예를 들어 1en은 16px 글꼴에서 16px이며, 이는 명목상 소문자 n의 너비입니다. 이 공간은 매우 견고한 특성을 가지고 있으며, 그것이 차지하는 너비는 정확히 중국 너비의 1/2입니다.

2.

HTML의 공백 기호(nbsp; ensp; emsp;) 소개 및 중국어 정렬 방법에 대한 자세한 설명

HTML에서 공백을 사용하는 다양한 방법을 요약합니다.

문자 사용 기술:

1) HTML에서 문자 출력 사용 charCode 값 일치

2) JavaScript 파일에서는 잘못된 문자가 이스케이프되는 것을 방지하기 위해 u가 charCode 값과 쌍을 이룹니다.
3) CSS 의사 요소의 콘텐츠 속성과 같은 CSS 파일에서 charCode 값은 직접적으로 사용됩니다. 사용된.

3. HTML에서의 공백 소개 및 사용법

1. HTML에서 공백을 삽입하는 방법에 대한 자세한 소개

HTML에서 공백을 사용하는 다양한 방법을 요약합니다.

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

2. HTML의 6가지 유형의 공백 설명

줄바꿈 없는 공백( )은 일반 공백의 너비이며 모든 주요 브라우저에서 실행될 수 있습니다. 다른 여러 공백( ,  ,  , ‌, ‍)은 브라우저마다 너비가 다릅니다.
 는 중단 없는 공간이라고 합니다. 가장 일반적이고 가장 많이 사용되는 공간은 스페이스 키를 눌러야 생성되는 공간입니다. HTML에서는 스페이스 바를 사용하여 이 공백을 생성하면 공백이 누적되지 않습니다(1로만 계산됨). 이 공간의 너비는 html 엔터티 표현을 통해서만 누적될 수 있으며 글꼴에 의해 명백하고 강하게 영향을 받습니다.

3. HTML 코드의 공백과 빈 줄에 대한 간략한 설명

방법 1: 미리 형식이 지정된 태그

를 사용할 수 있으며 이는 공백과 빈 줄 모두에 적용 가능합니다. <p>방법 2: 공백 엔터티 문자  를 사용하여 공백을 대체하고 개행 태그 <br>를 사용하여 빈 줄을 대체할 수 있습니다. 이 방법은 우리가 원하는 표시 효과를 얻을 수 있지만   및 <br>에는 의미가 없기 때문에 검색 엔진에 가장 친숙하지 않습니다. 따라서 가능한 한 적게 사용하는 것이 좋습니다. 또한  는 소문자여야 하며 끝에 있는 세미콜론은 생략할 수 없습니다. </p><p>방법 3: (공백에 적합) 전각 공백 사용 </p><p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong> HTML의 공백에 대한 질문과 답변 </strong></span></p><p>1.HTML 문서 </p><p> 태그, 단락 내 공백 제거 방법. <a href="http://www.php.cn/wenda/71975.html" target="_self"></a></p>2. <p>li 앞의 기본 공백을 제거하는 방법은 무엇인가요? <a href="http://www.php.cn/wenda/70826.html" target="_self"></a></p>3. <p>html에서 공백을 입력하면 왜 공백이 표시되지 않나요? <a href="http://www.php.cn/wenda/2785.html" target="_self"></a></p>【관련 추천】<p></p>1. <p>html의 공백 기호 및 공백 문자 항목 요약<a href="http://www.php.cn/div-tutorial-363813.html" target="_self"></a></p>

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

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