설설한 세상

왼쪽은 티스토리 글쓰기 화면의 소스 창이고 오른쪽은 네이버 메인 화면의 소스 창입니다. 두 가지 화면만 가지고 일반화시키려면 오류가 있겠지만 공통적으로 보이는 것을 추려보겠습니다. ... ... 한 줄씩 보겠습니다. - -> document type, 즉 문서의 종류가 html이라고 알려주는 역할입니다. 최상단에 위치하여 어떤 언어로 작성되었는지 브라우저에게 선언하는 것입니다. 예컨대 번역기를 돌리려고 해도 어떤 언어인지 입력해야 하는 것처럼 말입니다. 다만 은 선언일 뿐 태그는 아닙니다. 덧붙여 DOCTYPE은 소문자로 적어도 무방합니다. - ... -> 먼저 이 브라우저에게 문서의 종류가 html이라고 선언했다면 태그는 이 html 문서가 어떤 방식으로 쓰였는지에 대해 추가로 이야기해주는 느낌입니다...

티스토리 블로그를 운영하다 보면 아무래도 HTML이라는 마크업 언어에 대해 한번쯤 관심을 가지게 되지 않나 싶습니다. 근데 꼭 티스토리가 아니더라도 일반적인 웹 페이지의 소스를 통해 이미 HTML이라는 언어를 본 적은 있을 것입니다. 실수로 F12키가 눌러지면 나오기도 하니까 말입니다. 위 캡처 화면처럼 F12키를 누르면 정신없는 창이 생깁니다. html이라고 몇 군데 써져있는 것이 눈에 띕니다. 티스토리 글쓰기창은 직접 HTML 문서 상태로 수정할 수가 있게 되어있습니다. 그래서 블로그 운영에 도움이 되는 부분들 때문도 있지만, 매일 같이 보는 데스크톱 화면인데 어떤 것들이 그것을 이루고 있었는지 한번 보는 것도 재미있을 것 같아서 HTML을 포함한 웹언어를 조금 공부해보려고 합니다. 보통 보면 HTM..