IE6,7에서 ajax 처리 HTML 로드할 때 HTML 문법에 오류가 있으면 데이터가 DOM에 들어가지 않는다

오늘 희한한 버그를 마주했다. ajax로 정보를 불러와서 레이어팝업으로 띄워 주는 프로그램이었는데, 희한하게 IE6,7에서만 안 돌아가는 것이었다.(IE8,9에서는 테스트해 보지 않았다.) 한 시간 반을 헤맸다. 문제는 HTML이었다. ajax로 불러온 data를 jQuery로 append해서 넣는 로직이었다. data도 제대로 들고 온다. 그런데 append하는 순간 데이터가 날아갔다. IE7이어서 IE9의 IE7 브라우저 … ▶전문 보기

[링크:HTML5]구글이 제공하는 소개 슬라이드, 코드 연습장, 튜토리얼, 애플의 쇼케이스

http://www.html5rocks.com/ 이건 구글이 제공하는 HTML5 소개 슬라이드, 코드 연습장, 튜토리얼이다. http://www.apple.com/html5/ 이건 애플이 제공하는 HTML5 쇼케이스다. HTML5로 만든 여러 예제를 볼 수 있다. 하지만 사파리를 다운받아야만 한다. 웹 퍼블리셔들은 대부분 사파리를 설치해 놨을 테니 괜찮을 거다. 위 링크는 http://www.bloter.net/archives/33656 에서 얻었다. … ▶전문 보기

[HTML5] input의 어트리뷰트인 required

얼마 전부터 크롬에서 글쓰기를 하면 필요도 없는 input text 때문에 submit이 되지 않는 현상이 발생했다. 사실 오페라에선 예전부터 그런 현상이 발생했기 때문에 오페라를 몇 번 사용하려고 하다가 때려 쳤었다. 그런데 크롬에서도 같은 현상이 발생하는 것! 나는 크롬을 주력 브라우저로 사용하기 때문에 초난감했다. 그래서 한동안, 아래 명령어를 크롬의 콘솔(Ctrl+Shift+J하면 나오는 … ▶전문 보기

[번역] HTML 유효성 검사하기(Validating)

24: Validating your HTML[원문] BY MARK NORMAN FRANCIS · 2008년 9월 26일 [역자 주 : 이 번역은 전문번역이라기 보다는 실무자들에게 도움을 주기 위해서 한 것입니다. 따라서 표준 번역 용어를 신경쓰지 않고 많이 사용하는 용어법을 기준으로 번역했습니다. 예컨대, validation은 많은 경우 밸리데이션으로 번역했습니다. validate라는 동사는 '유효성 검사를 하다'로 번역했고, validator는 '유효성 검사기'로 … ▶전문 보기

html 페이지에 anchor 심기(책갈피 만들기)

HTML 책갈피(anchor) 기능은 꽤 유용하다. 특히 긴 페이지에서 목차를 만들 때도 유용하고, 블로그에서는 '댓글 쓰기 바로 가기' 등에 사용된다.그런데 오늘 내가 까맣게 모르고 있던 사실을 알았다!'id와 class 어떻게 구분해서 사용할까'의 댓글을 읽다가 안 건데, html의 id 자체가 책갈피로 사용된다는 사실이다.아래 코드를 보자.<div id="there">저기</div>이래놓고 <a href="#there">저기 … ▶전문 보기