＆nbsp; ＆amp; ＆lt; ＆gt; ＆quot; 의미와 사용법

＆nbsp;

" " : 공백(스페이스 한 칸)을 의미한다.

띄어쓰기를 할 때 키보드의 스페이스키를 한 번 눌러 "공백 문자" 즉 빈 칸을 한 개 삽입한다. 그런데 HTML 문법에서는, 일반 텍스트 편집에서와 달리, 공백 2개를 연속으로 사용해도 2칸을 띄어쓸 수 없다. 공백을 아무리 많이 삽입해도 공백 1개로 간주된다. 그래서 공백을 여러 개 사용해야 할 때는 빈 칸을   이렇게 표현해 준다. 그러면 브라우저가   기호를 빈 칸으로 표시해 준다.

＆amp;

앰퍼샌드(&) 기호는 특수한 용도로 사용되고 있다. 그래서 & 기호 자체를 표현해 주기 위해서는 & 를, & 이렇게 표기해 주어야 한다.

＆lt;

부등호(<)

괄호로 사용되기도 하고, 수식에서 "무엇보다 적다(Less Than)"는 의미로 사용되기도 하는 기호이다. 그런데 < 기호는 HTML 파일에 직접 사용할 수 없다. 물론 사용해도 브라우저가 알아서 자동으로 처리해 주지만 나중에 에러가 날 수 있다. 왜냐하면 < 기호는 HTML태그를 둘러싸는 기호이기 때문이다.

제목이 <여기에> 표시됩니다 라는 문자열을 <h1></h1> 태그 안에 넣을 때,

<h1>제목이 <여기에> 표시됩니다</h1>

라고 하면 <여기에> 라는 것도 하나의 HTML태그로 간주되어 버린다. <여기에> 라는 태그는 없기에 이것은 오류를 발생한다.

따라서 < 기호를, < 이렇게 표기하면 태그와 혼동되지 않고 부등호가 잘 표현된다.

＆gt;

부등호(>)

위의 경우와 같다. 닫는 괄호 또는, "무엇에 비해 크다(Greater Than)"는 뜻이다.

＆quot;

이것은 쌍따옴표(") 하나를 표현하는 것이다.

이런 링크가 있다고 할 때, 링크를 표현하는 <a> 태그 안에 속성을 나타내기 위해 href="" 이 부분에서 쌍따옴표가 사용되었다. 그런데 <a> 태그 안에 자바스크립트를 집어넣을 때, 자바스크립트의 쌍따옴표들이 태그 속성의 쌍따옴표와 겹쳐져 서로 충돌할 수 있다. 이때는 에러가 발생한다. 그럴 경우에는 자바스크립트 안의 쌍따옴표들을 " 이렇게 표현하면 해결된다.

그러나 링크 제목 안에서는 구글 "검색" 홈페이지 이렇게 따옴표를 사용해도 괜찮다. 자바스크립트가 아닌 평범한 문자열에서는 쌍따옴표든 홑따옴표든 따옴표를 따옴표 그대로 사용하면 되고 굳이 " 이렇게 바꾸지 않아도 된다.

요약하면 " 는 태그 내부의 쌍따옴표로 둘러싸인 곳 안에서 다시 쌍따옴표를 사용할 때 필요한 것이다.

즉 " 는 따옴표 충돌의 문제가 있을 때에만 사용하고 보통의 경우에는 사용하지 않습니다.

이 블로그 검색

프로그래밍 공부 노트