HTML은 웹에서 글을 작성하고 공유하는 가장 보편적인 마크업 언어입니다. 하지만 웹 문서를 작성하는데 구조적인 제약이 많습니다. 서양에서 사용하는 논문이나 보고서의 구조에서 파생된 마크업 언어이기 때문입니다. 이러한 논문과 보고서는 무척 체계적이고, 합리적이며 정해진 구조를 크게 벗어나지 않습니다. 예를 들어, 첫번째 제목글 아래 간단한 개요를 작성하고, 이후 목차로 문서의 뼈대를 잡은 후에 두번째 제목글과 본문이, 계속해서 세번째 제목글과 [...]

최근 많은 사람들이 블로그를 이용해서 자신의 글을 웹에 기록/공유하고 있습니다. 이 때문에 책보다 블로그에서 양질을 글을 쉽고 빠르게 찾기도 합니다. 실제로 인터넷에서 검색하면 “구글(Google)”:http://google.com이나 “위키피디아(WikiPedia)”:http://en.wikipedia.org/에서 필요한 내용을 바로 찾아볼 수 있습니다. 좋은 글은 내용이 좋아야 합니다. 그리고 구조적이어야 합니다. 즉, 좋은 웹 문서란 좋은 내용이 잘 구성된 문서입니다. 물론 시각적인 요소나 동적인 효과도 무시할 수 없는 [...]

많은 노력을 기울여서 제작한 웹 페이지(문서, page)가 제작자의 의도와 다르게 출력되는 경우가 있다. 대부분 올바르지 못한 HTML 마크업과 CSS, JavaScript 코드로 작성했기 때문에 발생한 문제이지만, 어떤 문서는 유효성 검사를 모두 통과했음에도 불구하고 제대로 출력되지 않기도 한다. 이처럼 올바른 문법으로 작성한 문서가 올바르지 않게 출력되면, 제작자는 깊은 고민의 수렁에 빠질 수 밖에 없다. 자신의 경험과 주변의 도움으로 [...]

W3C의 Markup Validation Service가 개편됐다. 기능 개선이야 꾸준히 진행되고 눈에 잘 보이지 않는 대신, 이번의 디자인 개편은 서비스를 이용하는 사람들의 시선을 사로잡기 충분하다. 기존의 디자인에 비해서 부드러운 톤의 배경색과 둥근 모서리가 눈에 뛴다. 아무래도 W3C 사이트의 디자인에 대한 불만을 수용한 듯 싶다. 개편 전 사이트 모습 개편 후 사이트 모습 W3C의 Markup Validation Service 기록 현재 모습 : [...]

HTML은 문서의 구조를 정의하기 위해 태어났지만, 이후 사용자와 브라우저 제작사의 요청에 의해 문서의 표현도 정의하게 되었다. 그 결과, HTML 태그들은 세종류로 나뉘어지게 되었다. 구조적 마크업(Structual Markup) : 문서의 구조를 규정한다. 문단 p 와 제목글h1 ~6 등이 여기에속한다. 양식적 마크업(Stylistic Markup) : 상당수의 HTML 태그들이 표현하는 스타일을 징정하기 위한 것들이다. 대표적인 것이 b (굵은 글씨체)이다. 이런 종류의 마크업은 [...]