All of My Records

[HTML] 공백문자, 특수문자 :: HTML의 공백 문자 처리 방법 및 특수문자 표기법

by 캐떠린

공백 문자, Whitespace

  • 엔터(Enter), 탭(Tab), space(스페이스)
  • 페이지 소스에 있는 공백 문자들을 브라우저가 처리하는 규칙
  • (종류와 상관 없이) 소스상의 1개 이상 연속된 공백 문자들을 단 1개의 공백 문자(스페이스)로 치환해서 화면에 출력한다.

 

공백문자 처리하는 방법

  1. 스페이스 표현
    •  
    • non-breaking space
    •  를 사용하면 모든 공백을 표시한다.
    • 공백 1글자 → 엔티티 1개
    • &엔티티명;
    • "출력할 때 공백 1개로 바꿔서 출력하렴!!"
  2. 탭문자
    • 불가능(탭은 편집기에만 있는 기능)
    • 웹 문서(브라우저)에는 탭의 개념이 없다.
  3. 개행문자
    • <br> 태그 사용
    • break(줄바꿈)
    • \r\n 역할
<body>
    하나&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;공백 5개<br>
    둘&nbsp;셋<br>
    넷          다섯
    여섯
</body>

 

하나     공백 5개
둘 셋
넷 다섯 여섯

 

특수 문자 표기

  1. <
    • &lt;
    • less than
    • 부등호
  2. >
    • &gt;
    • greater than
    • 부등호
  3. &
    • &amp;
    • ampersand
    • 앤드 기호(~와, and)
  4. "
    • &quot;
    • double quotation mark
    • 큰따옴표 1개
  5. '
    • &apos;
    • single quotation mark
    • 작은따옴표 1개

 

특수 문자 출력 문자
&lt; <
&gt; >
&amp; &
&quot; "
&apos; '

 

+ 엔티티에 관해서는 다음 포스트에서 다룰 예정이다!

 

*글 작성에 참고한 내용: 학원 쌤의 열정적인 수업

'HTML' 카테고리의 다른 글

[HTML] <head> 태그  (0) 2024.03.20
[HTML] HTML 언어의 구성 요소  (0) 2024.03.20
[HTML] HTML 페이지의 구조 및 태그 알아보기  (0) 2024.03.20
[HTML] HTML이란?  (0) 2023.09.20
[HTML] 개발 환경 Setting(Apache Tomcat, Eclipse)  (0) 2023.09.20

블로그의 정보

All of My Records

캐떠린

활동하기