답변:
HTML5는 이제 모든 브라우저, 심지어 IE5에서도 지원됩니다 (html5shiv 스크립트를 사용하는 경우). http://diveintohtml5.org를 읽는 것이 좋습니다 . 최고의 HTML5 리소스 중 하나입니다.
CSS3의 경우,이를 사용하는 경우 정규 구문 외에 벤더 predix도 사용해야합니다. 예 :
국경 반경
-경계 경계 반경
-웹킷 테두리 반경
점진적인 향상을 믿습니다. IE9의 css3 지원은 매우 유망한 소리입니다.
아마.
현재 사용할 수있는 HTML5의 일부가 있습니다. 예를 들어 양식. 당신이있는 경우 <input type="email">HTML5를 지원하지 않는 브라우저에서 (예, 심지어 IE6) 당신은 단순히 당신이 사용하는 경우 당신이 볼 것 같은 일을 볼 수 있습니다 <input type="text">. 그러나 HTML5 양식 요소를 지원하는 브라우저에서는 다음과 같은 email유형 의 이점을 얻을 수 있습니다 . 즉, 클라이언트는 추가 JS없이 값을 오류 검사합니다. 예, HTML5 이외의 브라우저에는 여전히 JS가 필요하지만 지원되는 브라우저에는 유효성 검사 계층이 하나 더 있습니다.
이 사이트의 다른 질문은 HTML5 및 CSS3를 통해 사용할 수있는 새로운 기능에 대한 좋은 개요를 제공합니다. 이 질문의 양식에 대한 많은 좋은 데이터가 있습니다.
Internet Explorer (및 이전 버전의 Safari 및 Firefox)는 이러한 기능 중 많은 기능을 지원하지 않기 때문에 빈 공간을 채우기 위해 JavaScript 라이브러리가 남아 있습니다. 여기에는 성능 저하가 포함되므로 (사용해야하는 브라우저에만 해당) 사용자를 고용 할 때는주의하십시오.
기능 지원이 부족한 문제를 완화하려면 이러한 새로운 기능이 가치가 있다고 판단되면 다음 리소스를 사용하십시오.
.htc Internet Explorer 6-8에서 가장 유용한 CSS3 장식 기능을 렌더링 할 수있게하는 IE 첨부 동작 (파일)입니다. 소자에인가되면, IE 인식하고 표시 할 수 있도록border-radius,box-shadow,border-image복수의 배경 이미지 및linear-gradient배경 이미지로.true지원되는false경우와그렇지 않은경우각 기능에 대한 부울 속성이 포함 된 자체 제목의 전역 JavaScript 객체를 만듭니다. 스타일링과 같은 요소를 사용할 수 있도록 HTML5 요소를 인쇄에 대한 지원 추가<section>,<header>과<nav>.src의<img />요소 또는background-imageCSS의속성으로사용할 수 있습니다. 달리AlphaImageLoader,background-position및background-repeat작업 의도와 요소는 응답하므로a:hover의사 클래스입니다..htc IE 6에 알파 불투명도를 가진 PNG 지원을 추가하는 IE 첨부 동작 (파일).htc IE6, IE7 및 IE8 쿼크에 대해 : hover, : active 및 : focus를 자동으로 패치하는 IE 첨부 동작 (파일)은 다른 브라우저에서와 같이 사용할 수 있습니다. 얻을 수있는 HTML 자바 스크립트를 통해 문서에 삽입 것을 의미 AJAX 지원을 포함 또한 트리거:hover,:active그리고:focusIE에서 스타일.DD_belatedPNG는 순수한 JavaScript로 Whatever : hover와 TwinHelix의 IE PNG 수정으로 해결 된 두 가지 문제를 해결하는 반면, Whatever : hover와 TwinHelix의 IE PNG 수정은 JavaScript와 IE 첨부 동작 ( .htc files) 의 조합을 사용합니다 .
일반적으로 비 IE 브라우저를 사용하는 사람들은 요청에 따라 브라우저를 업그레이드하므로 IE는 "하지만 일부 브라우저는이 기능을 지원하지 않습니다!" 불만. Modernizr은 IE뿐만 아니라 HTML5 / CSS3를 사용하는 브라우저에 사용할 수있는 기능을 추가 할 것입니다. ie-css3.js는 동일한 작업을 수행합니다. IE 조건부 주석없이 간단히 구현하면됩니다. 즉 , 서버 측 사용자 에이전트 검사에 포함시키지 않으면 모든 브라우저에서이를 얻습니다. 이는 성능을 크게 저하시킵니다. IE 사용자가 아닌 모든 방문자에게 제공됩니다.)
CSS3는 어떤 기능을 결정할 때 다른 어떤 유용한 링크, 당신은 사용할 수 있습니다 http://caniuse.com/은 (요소 선택기 어떤 플랫폼에서 사용할 수있는 무엇의 좋은 고장을 제공)
http://css3please.com/(CSS3 기능을 망칠 수있는 페이지 내 편집 가능한 놀이터로, 둥근 모서리, 그라디언트 배경, 기타.)
이전 브라우저에서도 지원되어야하는 HTML5를 사용하여 새 프로젝트를 시작하는 경우 가장 좋은 옵션은 Initializr-
백엔드에서 HTML5 보일러 플레이트를 사용하고 자체 옵션을 추가하여 자체 사이트에 배포 할 수있는 템플릿을 제공합니다. 여기에는 HTML Shiv 또는 Modernizr과 같은 Javascript 라이브러리가 포함되어있어 사이트가 이전 브라우저와 호환됩니다.