공백처리
예외가 있지만 브라우저는 기본적으로 HTML과 CSS에서 줄바꿈과 들여쓰기를 무시한다. 그렇기에
<html><head><title>A test </title><style>h1{color:red}</style></head><body><h1>Hi there!</h1><p>This is some text...</p></body></html> <html>
<head>
<title>A test </title>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>Hi there!</h1>
<p>This is some text...</p>
</body>
</html>이 두 코드는 완전히 똑같은 결과를 준다. 하지만 개발자는 사람이므로 많은 들여쓰기와 줄바꿈을 이용하여 코드를 구조화하는 것이 좋다.
특수문자 출력
"<", ">" 문자 또는 전체 HTML 태그를 웹사이트의 텍스트로 출력하려면 어떻게 해야 할까?
- 전체 HTML 태그를 웹사이트의 텍스트로 출력
<pre>...</pre>태그 사용
이 태그는 모든 텍스트를 래핑(wrapping. 아마 줄바꿈을 의미하는 것 같다)하고 일반 텍스트로 출력하도록 브라우저에게 알려준다. 공백 또한 무시되지 않는다.
- "<", ">" 문자 자체를 출력하기
HTML 엔터티 사용.
이는 특정 문자열을 코드로 표기한 집합으로 보면 된다. 문자가 마크업과 충돌하는 것을 막기 위해 사용한다.
아무튼 '<'는
>'>'는
<로 작성해야 출력할 수 있다. 다른 코드는 인터넷 검색으로 찾아봐야겠다.
공부 정리용 블로그