티스토리 뷰

잉고래의 티스토리

HTML의 Meta 태그와 doctype에 대한 이해

잉고래 2012. 7. 4. 09:57

HTML의 Meta 태그와 doctype에 대한 이해

HTML의 메타 태그에 대해 알아보자.

meta의 의미

'메타'는 이 페이지에 관한 무엇인가를 브라우저에게 말해 준다는 뜻이다. 보통 브라우저에게 사용할 문자가 무엇인지 나타낼 때 아래와 같은 메타 태그를 적는다.

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> ß항상 head 의 최상위에 와야 한다.

</head>

문자 인코딩 참고 사이트 : http://www.w3.org/international /O-charset.html

메타 태그 이야기가 나왔으니 doctype에 대해서도 간단히 살펴보자. doctype은 브라우저에게 "이봐~ 난 HTML 표준을 따르고 있고 버전은HTML4.01이야 !" 라고 얘기하는 거다. 아래와 같이 쓰면 된다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html14/loose.dtd>

신기하게 DOCTYPE 앞에 느낌표( ! )가 있는데 이건 html 엘리먼트가 아니라는 뜻이다.

'잉고래의 티스토리' 카테고리의 다른 글

브라우저에 따른 블로그 깨짐  (0) 2012.07.09
CSS, HTML 폰트 패밀리(font-family)에 대한 이해  (0) 2012.07.04
CSS 클래스(class)에 대한 이해  (0) 2012.07.04
HTML 파일을 외부 CSS 파일에 연결하기 : link 태그 사용  (0) 2012.07.04
css 선택자, 속성, 스타일 관계  (0) 2012.07.04