HTML5 브라우저 지원

HTML5 브라우저 지원

PC 버전

1) 그중 가장 완벽하게 지원하는 것은 크롬 시리즈

2) 오페라가 바뀐다 to chromium kernel 좋아요...그래서 점수는 기본적으로 같습니다

3) 의외로 Firefox와 W3C 표준이 항상 선두에 있었지만 H5에 대한 지원은 최고가 아닙니다!!!

4) IE10 이하에서는 H5의 경험이 만족스럽지 않습니다...일부만 지원 가능합니다

5) IE의 이전 버전 시리즈보다 Safari의 이전 버전이 훨씬 좋습니다...

태블릿 버전

Chrome 1위

Android, Firefox, iOS, Opera는 거의 동일합니다(IE 제외)

PC 단말기보다 모바일 단말기의 호환성이 훨씬 좋습니다

모바일 버전

모바일 버전의 주요 브라우저 시리즈는 모두 잘 지원됩니다... 몇 가지 아주 오래된 시리즈를 제외하고...


IE 브라우저가 html5 태그를 지원하지 않는 문제를 해결하는 몇 가지 방법:

1.javascript: document.createElenment("...")

function(){

var element=['header','footer','article', 'aside','section','nav','menu','hgroup','details','dialog', '그림','figcaption'],
            len=element.length;                                               🎜>
<<>

동안(lan-) {

Document.createElement(요소 [i]) } })



2

. , 다음과 같이 가져오기만 하면 됩니다. <!--[if lt IE 9]>

<script src="http://html5shiv .googlecode.com/svn/trunk/html5.js"> ;</script>

<![endif]-->

또는:

<!--[lte IE 9인 경우]>
<script src="http://html5shiv.googlecode. com/svn/trunk/html5.js"></script>
< ![endif]-->

여기서 특별한 설명이 필요합니다. IE 고유의 주석 판단입니다.

lte: Less than orequal to의 약자로 작거나 같다는 뜻입니다.

lt: Less than의 줄임말로, less than을 의미합니다.

gte: Greater than orequal to의 약어로, 크거나 같다는 뜻입니다.

gt: Greater than의 줄임말로, ~보다 크다는 뜻입니다. <… ",그것은 당신의 선택에 달려있습니다!

지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: yellow; padding: 50px; font-size: 20px; width: 25%; } </style> </head> <body> <h3>标题</h3> <article> php中文网 </article> <br> <myHero>增加新的内容</myHero> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~