HTML에서 문서 형식(Doctype) 지정의 중요성

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

XHTML의 태그들의 형식(type)

HTML에서 XHTML로 문서형식(Doctype)을 바꿀때, 반드시 지켜야 할 규칙들이 몇가지 있다. 그 중 한가지가 ‘XHTML의 모든 태그는 시작 태그와 상응하는 종료 태그를 사용해야 한다’는 것이다. XHTML 태그들은 컨테이너 태그와 독립형 태그로 구분되는데, 컨테이너 태그에는 , 등이 있으며, 독립형 태그는 , 등이 있다. 처음 XHTML을 사용하는 분들은 이런 XHTML의 컨테이너 요소와 독립형 요소를 구분하지 못함에 따라 실수를 하곤 [...]

휴가 끝. 그리고 일상.

무려 10일간의 휴가도 오늘이 마지막이다. 사실 제대로 여름 휴가를 보내본 건 올해가 첨이다. 작년까지만 해도, 휴가라기 보다는 방학을 보냈기 때문이다. 어쨓거나 첫 휴가였지만, 나름대로 알차게 보낸 것 같다. 나는 독서를 즐기려 노력(만화책만..?)하는 편이지만, 책보다 컴퓨터 앞에 앉아 있는 시간이 훨씬 많은 편이었다. 다행히 이번 휴가 기간 전에 나의 메인 컴퓨터가 고장나는 바람에, 꽤 긴 시간을 [...]

테터툴 1.0에 대한 바램.

웹브라우저는 문서형식(Doctype)에 따라 CSS나 DOM(Javascript)을 다르게 해석하고 있다. 즉, Strict 문서형식에서는 CSS나 DOM을 W3C의 권고안에 맞게 웹페이지를 랜더링하지만, Transitional 문서형식에서는 각 브라우저마다 제각각 랜더링하고 있다. Transitional 문서형식이라도 파이어폭스나 오페라 또는 네스케이프 네비게이터처럼 최근에 출시된 웹브라우저는 가급적 W3C의 웹표준 권고안에 맞게 웹페이지를 랜더링하는 편이지만, 오래전에 출시된 인터넷 익스플러는 독특(IE정신?=박지호정신?)하게 랜더링하고 있다. 전세계적으로 IE의 웹브라우저 시장점유율이 높기 [...]

Xhtml과 CSS 관련 편집기의 성능 비교-2

워드프레스가 1.5에서 1.5.1을 거쳐 1.5.1.1로 업데이트 되면서 꽤 많은 변화가 있었던 것 같다. 글을 쓸때, 빠른 태그(Quick Tag) 버튼 중에서 page 버튼이 사라져버렸다. 원래 이 글은 page 기능을 이용해서 3 페이지로 분리시킬 예정이었는데, 어쩔 수 없이 글을 나눠 쓰게 된다. 아무래도 나처럼 긴글을 읽지 않는 사람들을 위한 배려랄까? ㅠ.ㅠ 좌측의 이미지는 Xin-editor의 스크린 샷으로 마치 [...]

Xhtml과 CSS 관련 편집기의 성능 비교-1

나는 오랫동안 웹페이지를 제작할 때 이지윅(WYSIWYG)에디터인 드림위버를 주 편집기로, 텍스트에디터인 에디트플러스를 보조 편집기로 사용해 왔다. 올해 들어서야 XHTML과 CSS에 관심을 갖게 되면서 CSS 전용 에디터인 Top Style, Style Master와 XHTML 전용 에디터인 Xin editor 등을 사용하고 있다. 이러한 전용 에디터들의 경우 사용도 쉽고, 때때로 이지윅에디터보다 강력한 기능들을 보여주기도 한다. 현재 내가 사용중인 XHTML과 CSS [...]

 
Be Friend~! 웹 접근성 향상 캠페인