본문 바로가기

웹표준

[웹표준, 웹접근성] 시각장애인이 컴퓨터를 활용하는 법 웹표준, 웹접근성 말만 외치지 말고 한번 봅시다
DIV를 남발을 하지말자 DIV 남발을 하지말자 TABLE 마인드에서 갓 DIV 마인드로 넘어오기 시작한 디자이너분들께서 실수하시는 부분 중 하나가, 바로 DIV를 남발하는 것입니다. DIV는 만병통치약이 아닙니다. 테이블의 단점 중 하나가 에 재차 이 들어가기 때문에, 겹테이블이 많아져서 페이지 로딩이 느려진다는 것 입니다. DIV도 예외는 아닙니다. DIV의 숫자가 늘어나면 자연적으로 페이지 로드가 느려집니다. 굳이 DIV를 쓰지 않아도 되는 곳에서 DIV 사용을 남발하는 것은 좋지 않은 습관입니다. 예를들어 보겠습니다. 올블릿 생성마법사 메뉴 1 메뉴 2 메뉴 3 이 소스에서 필요없는 부분은 어디일까요? 네, 바로 이 소스에 있는 모든 DIV 입니다. 굳이 ul을 div로 감싸지 않더라도, 굳이 H2 제목 태그를 div로 ..
div 의 display 속성에 대해서... div 태그로 만든 Layer를 안보이게 하는 두가지 방법 1. display:none block 아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨 2. visibility:hidden visible 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨 같은 기능을 하는 div 태그에 어떤건 display로 적혀있고 어떤건 visibility로 적혀있길래 디자이너 대리님께 여쭤보니 저리도 명쾌한 대답을.. 나도 누가 뭐 물어보면 아주 명쾌하게 대답하고 싶다.. + 추가로 알게 된 사실. display의 속성으로 none과 block만 있는 줄 알았는데 아니었다. none, block, inline, inline-block, list-item,..
인터넷 익스플로러(IE6, IE7, IE8) 동시에 사용하는 방법 웹 표준과 크로스 브라우징 잘 만든 웹페이지라면 기본적으로 크로스 브라우징을 잘 지원해야 합니다. 물론 블로그도 마찬가지입니다. 이를 확인하는 데에는 특별한 방법이 있는 게 아니라, 코딩을 끝낸 후 여러 제품의 브라우저로 직접 테스트를 해보면 됩니다. W3C Validator로 표준 유효성 검사를 할 수도 있겠지만, 자신의 웹페이지가 유효성 검사를 통과하더라도 크로스 브라우징이 모두 해결된 것은 아닙니다. 현실적으로 모든 브라우저가 웹 표준을 지키는 것은 아니며, 또한 웹 표준을 따르더라도 렌더링 과정에서 미묘한 차이가 있기 때문이지요. 가장 좋은 방법은 역시 직접 눈으로 확인하는 것입니다. 현재 브라우저 시장에는 Opera, Firefox, Safari, Maxthon 등 다양한 제품이 있지만 일일이 ..
DIV에 대해 개념 잡기[펌] HTML에서의 div는 Division Marker의 줄임말로서 영역을 구분짓거나 무리(구분)지어주는 엘리먼트이다. 오늘은 div에 대해 알아보자. div는 div를 열고 닫은 앞뒤로 줄바꿈이 되는 블럭 레벨 항목 block level element이다. div의 앞 뒤에 있는 항목들이 가로줄로 흐르지 않고, 엔터값을 입력한 것 처럼 아래로 줄 지어진다는 말이다. div로 레이아웃이나 박스를 구성하기 위해, CSS에서 가장 많이 쓰는 속성인 position 값으로는 static, relative, absolute, fixed, inherit가 있다. Position 속성 static CSS로 특별한 값을 지정해 주지 않아도 적용되는 기본값이다. HTML 파일에서 중첩되지 않은 여러개의 div를 작성하면,..