-
웹 페이지 <!DOCTYPE> :: 마이구미HTML, CSS 2016. 7. 28. 23:25반응형
이번글은 HTML5 <!DOCTYPE>에 대해서 알아볼 것이다.
html 파일은 보거나 개발자 도구를 통해 확인해보면,
맨 위에 선언되어 있는 <!DOCTYPE>이라는 녀석을 보았을 것이다.
그냥 쓰라니까 쓰는 사람도 있을 것이고, 안 쓰는 사람도 있을 것이다.
저건 무슨 태그일까? 생각해보았는가?
이 글은 본다면 생각했기 때문에 보았으리라 생각한다.
대부분 아래와 기본 틀로 이용한다.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
어김없이 <!DOCTYPE html> 이라는 녀석이 맨 위에 선언 되어있다.
일단, 이 녀석은 태그 같이 생겼지만 태그는 아니다.
HTML 버전에 대해 웹 브라우저에게 알려주는 지침, 명령어 같은 의미이다.
무조건 <html> 태그위에 선언되어야한다.
왜 알려줘야하는가?
존재하는 브라우저는 너무나 많다.
브라우저마다 HTML 해석하는 방식의 차이가 있기에 이러한 문제에서 나오는 것들을 위해 <!DOCTYPE> 명시가 필요한 것이다.
브라우저는 호환모드(quirks mode)와 표준모드(shandard mode)란 렌더링 모드가 있다.
<!DOCTYPE> 선언에 문제가 있거나 선언을 안했을 시에는 호환모드로 해석된다.
호환모드는 브라우저마다 호환시키려는 요소가 다르기 때문에 브라우저마다 정확한 출력을 보장할 수 없다.
또한 <!DOCTYPE> 녀석에게도 많은 종류가 있다.
HTML도 한가지만 있는 것이 아니기에...
일단 <!DOCTYPE html> 은 HTML5를 위한 것이라는 걸 알아두자.
다른 것들은 링크를 참고하자.
꼭 선언해주자.
해주지 않으면 각 브라우저에서 혼란을 초래할 것이다.
선언을 하지 않는다면 얻는 것보다 잃는 것이 더 많다.
<!DOCTYPE html> 이 녀석만 생각하는 날이 왔으면 좋겠다.
계속해서 강력해지고 있는 HTML.
모두가 HTML5만을 사용하는 세상이 오길 기다려보자.
그런 김에 하나 보자.
지금 현재 각 브라우저가 얼마나 HTML5를 지원하는 지를 궁금하지 않는가?
알아보자.
현재 지원하고 있는 비교를 555점 만점이다,
각 브라우저들은 쭉쭉 성장 중이다.
곧 모든 브라우저가 만점을 지원할 것으로 추정한다.
HTML5에 대한 좋은 정보들은 아래 한국 HTML 페이지 링크에 많이 있다.
다른 것들이 있다면 나에게도 알려주길 바란다.
한국 HTML5 페이지
<!DOCTYPE>
http://www.w3schools.com/tags/tag_doctype.asp
html5 지원 점수
반응형'HTML, CSS' 카테고리의 다른 글
웹 접근성 tabindex 속성 :: 마이구미 (0) 2016.08.18 웹 접근성 html lang 속성 :: 마이구미 (4) 2016.08.16 이미지 롤링 [transition] :: 마이구미 (0) 2016.08.01 [웹표준] Table 태그에 대해 알아보자 :: 마이구미 (0) 2016.07.22 map태그 사용법과 주의사항을 알아보자 :: 마이구미 (0) 2016.07.21
