Latest web development tutorials

HTML5 브라우저 지원

일부 오래된 브라우저 (HTML5를 지원하지 않습니다) HTML5에 대한 지원을하도록 할 수 있습니다.


HTML5 브라우저 지원

현대 브라우저는 HTML5를 지원합니다.

또한, 인식 할 수없는 요소의, 과거와 현재를 포함하여 모든 브라우저가 자동으로 인라인 요소로 처리됩니다.

이 때문에"교회"브라우저 "알 수없는"HTML요소를 처리 할 수 있습니다.

주의 당신이 할 수있는, 심지어 교회 IE6 (윈도우 XP 2001) 브라우저가 알 수없는 HTML 요소를 처리합니다.

HTML5의 요소는 블록 요소로 정의

HTML5는 여덟 새로운 HTML 시맨틱 (의미) 요소의 집합입니다. 이들 원소는 모두 블록 레벨 요소이다.

는 CSS 표시 속성 값 블록을 설정 정확하게 이러한 요소를 표시하는 브라우저의 이전 버전을 허용하기 위해 :

헤더, 섹션, 바닥 글, 옆으로, 탐색, 주, 글, 그림 { 디스플레이 : 블록 ;}


새로운 요소를 추가하면 HTML로

당신은 HTML에 새로운 요소를 추가 할 수 있습니다.

새로운 HTML 추가 요소 및 스타일 요소로서는이라는 요소의 정의 <myHero>

<! DOCTYPE HTML> <HTML> <헤드> <메타 캐릭터 = "UTF-8"> <제목> HTML에 새로운 요소를 추가하는 </ 제목> <스크립트>
문서.의 createElement ( "myHero")
</ 스크립트> <스타일>
myHero { 디스플레이 : 블록 ; 배경 색상 : #ddd ; 패딩 : 50 픽셀 ; 글꼴 크기 : 30 픽셀 ;}
</ 스타일> </ 헤드> <바디> <H1> 내 첫 타이틀 </ H1> <P> 내 첫 번째 단락. </ P> <MyHero> 내 최초의 새로운 요소 </ myHero> </ BODY> </ HTML>

»시도

자바 스크립트 문 document.createElement ( "myHero")는 IE 브라우저에 새로운 요소를 추가하는 것입니다.


Internet Explorer 브라우저 문제

당신은 HTML5 요소 IE 브라우저를 추가하려면 위의 방법을 사용하지만, 수 :

주의 인터넷 익스플로러 8과 IE 브라우저의 이전 버전은 하나 이상의 방법을 지원하지 않습니다.

우리는 Sjoerd Visscher는 "칼"을 HTML5 자바 스크립트 활성화 "를 만들어 사용할 수있는 " 문제를 해결하려면 :

<! - [경우 LT IE 9]>
<스크립트 SRC = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script>
<! [ENDIF] ->

위의 코드는 주석, IE9보다 IE 브라우저 버전 이하 html5.js 파일을 읽고 그것을 해석하는 역할이다.

참고 : 제발 국내 사용자가 사이트 정적 저장소 (나라에서 구글 저장소 불안정)를 사용 :

<! - [경우 LT IE 9]>
<스크립트 SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [ENDIF] ->

IE 브라우저 html5shiv 더 나은 솔루션입니다. html5shiv 주요 솔루션은 새로운 HTML5 요소가 이러한 새로운 요소는 부모 노드의 자식 요소로 포장 할 수없는 인식하지 IE6-8 및 CSS 스타일을 적용 할 수 없습니다 제안했다.


칼 완벽한 솔루션

<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목> HTML5 렌더링 </ 제목>
<! - [경우 LT IE 9]>
<스크립트 SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [ENDIF] ->
</ 헤드>

<바디>

<H1> 내 첫 번째 기사 </ H1>

<기사>
이 튜토리얼 - 과학뿐만 아니라 기술뿐만 아니라 꿈입니다! ! !
</ 기사>

</ BODY>
</ HTML>

»시도

html5shiv.js 참조 코드는, <머리> 요소에 배치해야하기 때문에 분석 HTML5의 새로운 요소가 파일을로드하는 데 필요한 IE 브라우저.