반응형 Development/HTML24 웹표준가이드(1) / 올바른 DOCTYPE 사용 출처 : http://blog.naver.com/maglitt/60052938048 HTML 3.2 표준 문서 형식 HTML 4.01 표준 문서 형식 XHTML 1.0 표준 문서 형식 가장 최상의 브라우저 호환성을 제공해 주는 문서 형식은 XHTML 1.0 Transitional을 사용하는 것이다. XHTML 1.1 표준 문서 형식 표준 문서 형식(Doctype)을 기반한 웹페이지에 대한 정확한 사용법 ... [출처] 웹표준가이드(1) / 올바른 DOCTYPE 사용|작성자 마그리뜨 2013. 5. 29. 반응형 웹디자인의 조건 글꼴 크기 출처 : http://demun.tistory.com/2212 반응형 웹디자인을 적용하려면 제일 먼저 글꼴 크기를 정해줘야 한다.예전에 방탄웹에서는 키워드를 사용하는 방법을 말했다. 이유는 키워드는 어떤 브라우져에서 봐도 동일하나는 결론이였죠. 하지만 이제는 환경이 좀 변했습니다.바로 반응형이죠. 브라우져의 크기, 보는 기기의 크기에 따라 웹페이지가 변해야 한다는 점입니다.그 조건에 가장먼저 적용해야 하는 것이 바로 글꼴의 크기 입니다.글꼴의 크기에 따라서 컨텐츠의 크기도 달라지고, 여백도 달라집니다.즉 모든 것이 달라지기 때문에 레이아웃이 변합니다. 기존의 px 로 되어 있는 크기를 em 으로 변환해야 합니다.그런 어떤식으로 변환해야 올바른 것일까?? 특별히 다른 값을 명시하지 않는 한 모든 최신 브라.. 2013. 5. 28. 반응형 웹디자인의 조건 너비 width 출처 : http://demun.tistory.com/2213 반응형 웹디자인의 첫번째 조건인 글꼴 크기를 정하는 방법에 대해서 알아봤습니다.이제 글꼴 크기를 정했으니 레이아웃에 반영되는 너비 width 를 지정하는 방법에 대해서 알아보겠습니다. 예를들어 아래와 같은 px 로 지정한 css 설정이 있다고 가정합니다. header content sidebar footer 기본만 정했으니 참고하시고 여기서도 타킷 ÷ 컨텍스트 = 결과 공식을 사용해서 width를 반응형으로 수정해보겠습니다. css#wrapper { width: 96%; /* 가장큰것이 100%라고 가정하고 96%로 지정합니다. */ margin: 0 auto; } #header { width: 97.9166667%; /* 940 ÷ 960 .. 2013. 5. 28. IE8 이하에 HTML5 적용 아직까지 불안감이 없지 않아 있는 IE9 이하에서의 HTML5 문서적용이다.해서 구글링을 하다보니, 구글에서 HTML5 문서구조를 지킬 수 있는 형태의 스크립트를제시하고 있었다. 먼저 기본적으로 많이 알려진 IE8 이하에서 존재하지 않는 HTML5의 요소들.nav , article, section 등등의 요소들을 사용가능토록 하는 스크립트이다. http://html5shiv.googlecode.com/svn/trunk/html5.js 이 스크립트 파일로 인해서 HTML5 에 요소가 활성화 된다.여기서 주의할것은 본래 스크립트는 파싱절차가 있기에 문서 하위단에링크를 연결해주도록 하는게 좋으나, 위 스크립트는 아마도 요소 재정의에가깝기에 head 단에서 연결해주도록 하는 것이 맞는것 같다.여기서도 이 스크립.. 2012. 7. 25. 이전 1 2 3 4 5 6 다음 반응형