본문 바로가기

html5

[html5] 기본 계층 구조 html5의 기본 계층 구조 http://codepen.io/nodws/blog/html5-hierarchy 더보기
브라우저별 조건부 주석 사용 및 활용하기 국내 웹 환경을 고려해보면 아직까지도 익스플로러를 무시할 수 없기 때문에 웹페이지를 제작함에 있어서 브라우저에 따라 혹은 브라우저 버젼별로 조건부 주석이 필요한 경우가 많다. 브라우저의 호환성에 따른 문구를 제시하거나 여러가지 용도로 사용할 수 있는 조건부 주석은 아래와 같다. - IE 9 버전에서 표시할 내용 - IE 9 이상 버전에서 표시할 내용 - IE 9 초과 버전에만 표시할 내용 - IE 9 이하 버전에만 표시할 내용 - IE9 미만 버전에만 표시할 내용 활용 1. (* html5shiv 응용) html5를 지원하지 않는 구버전의 브라우저에서도 html5 스타일을 지원할 수 있도록 해주는 html5shiv 스크립트를 조건부 주석으로 넣어줄 수 있다. 사이트 링크 : https://code.goo.. 더보기
문서타입에 따른 CSS RESET 프리셋이라고 하기도 머하다... 매번 새로 만드니깐 ㅋㅋㅋ css reset이 프로젝트의 환경, 레이아웃에 따라서 다 달라지기 때문이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * {padding:0;margin:0;} html {width:100%;height:100%;overflow-x:hidden;} body{margin:0 auto;width:100%;font-size:12px;font-family:"Nanum Gothic", dotum,"돋움",sans-serif;.. 더보기