HTML 5 브라우저 호환성 차트 - 이전 브라우저의 HTML 5?

StackOverflow https://stackoverflow.com/questions/2249261

문제

저는 Rails/JQuery 프로젝트에 HTML 5 API 사용을 고려하기 시작했습니다. data- 기인하다 값을 저장합니다.

브라우저 호환성 문제가 걱정됩니다.두 가지 질문이 있습니다(기본 질문).

  1. HTML 5를 사용하려면 브라우저를 업그레이드해야 합니까?어떻게 작동하나요?

  2. 각 브라우저 레이아웃 엔진이 지원하는 기능에 대한 최신 차트가 이보다 더 최신입니까? HTML 레이아웃 엔진 비교에 관한 Wikipedia 기사 이 언제 쓸 수 있나요...HTML5 페이지?

예를 들어 IE6을 사용하는 사람들에게 문제가 될까요?컴퓨터에 능숙하지 않은 많은 사람들이 직접 인터넷을 사용하고 싶어하며 그들이 대화하는 사람들은 여전히 ​​IE6을 사용하고 있습니다!

문제가 되지 않고 이전 브라우저에서 HTML 5를 사용할 수 있다면 어떻게 하시겠습니까?아니면 어떤 문서를 봐야 할까요 :)?감사해요.

업데이트:아래에서 흥미로운 링크를 찾아 게시하겠습니다.

FindMeByIP:"CSS3 및 HTML5 기능에 대한 브라우저의 지원을 ModernIzr을 사용하여 읽기 쉬운 형식으로 드러내는 간단한 앱." - CSS3 및 HTML5에 대한 브라우저 지원

도움이 되었습니까?

해결책

HTML5를 브라우저가 '지원'하거나 '지원하지 않음'이라는 단일 개체로 간주하는 것은 유용하지 않습니다.HTML5는 다음과 같습니다

  • 다른 브라우저가 복사한 IE 및 Firefox 확장과 모두가 당연하게 여기는 오랜 'DOM 레벨 0' 동작과 같이 이전 W3 HTML 및 DOM 표준이 다루었던 한계를 넘어 광범위한 기존 관행을 성문화하려는 시도 하지만 이전에는 어떤 사양에도 기록되지 않았습니다.

  • 아직 널리 사용되지 않는 새로운 확장 기능을 무작위로 선택하여 브라우저 제조업체에서 지원할 것으로 기대됩니다.일부는 이미 성공하여 새로운 브라우저로 향하고 있습니다.일부는 자체 사양으로 분리되었으며(모든 사람이 훨씬 더 쉽게 관리할 수 있음) 일부는 논란의 여지가 있으며 일부는 전혀 관심이 없습니다.

IMO에서는 이 두 가지 기반을 동시에 다루려고 시도한 것이 엄청난 실수였습니다.나는 HTML 3.2 스타일의 '캐치업' 표준과 별도의 많은 확장 사양을 선호했습니다.하지만 지금은 이에 대해 할 수 있는 일이 아무것도 없습니다.

HTML5는 또한:

  • 완료되지 않음.사양은 방대하고 복잡하며 불완전하며 적절한 표준이 되기 전에 세부 사항(또는 그 이상)이 변경될 가능성이 높습니다.아직은 누구도 'HTML5를 지원한다'고 말할 수 없습니다. 'HTML5'가 실제로 어떻게 될지는 아직 아무도 모르기 때문입니다.

실제적인 측면에서:오랫동안 사용되어 온 HTML5의 일부 부분이 있습니다.최신 브라우저에서도 안전하게 사용할 수 있는 부분이 있습니다.IE를 제외한 새로운 브라우저에서도 사용할 수 있는 부분이 있습니다.대체 해결 방법이나 '우아한 성능 저하'와 함께 사용할 수 있는 부분이 많이 있습니다.절대 사용할 수 없는 부분이 있습니다.지금은 HTML5의 모든 것을 완벽하게 지원하는 브라우저가 수년 동안 존재하지 않기 때문에 각각을 별도로 배워야 합니다.만약 그렇다면.계속해서 마음에 드는 추가 기능을 점진적으로 추가하면 더 많은 브라우저에서 지원됩니다.모든 사람이 동시에 브라우저를 업데이트하는 '빅뱅'은 없을 것입니다.

에 관해서는 data- 예, 대부분의 브라우저는 항상 이전 속성을 통과하도록 허용했기 때문에 속성을 사용하지 않아도 됩니다.이는 여러 HTML5 확장의 일반적인 현상이며, 브라우저가 이를 작동하기 위해 명시적으로 '지원'할 필요는 없습니다.

그러나 데이터를 전달하는 다른 방법(클래스, 주석, 스크립트 블록 등)이 있기 때문에 해당 기능에 대해서만 HTML4/XHTML1 페이지를 삭제할 가치가 있는지 완전히 확신할 수 없습니다(보편적으로 지원되고 고정된 표준에 대해 유효성 검사 가능). .

다른 팁

확인해 보세요. diveintohtml5.ep.io 그리고 modernizr.com.

Modernizr는 새로운 웹 기술(CSS3, HTML 5)을 활용하는 동시에 이러한 새로운 기술을 아직 지원하지 않는 이전 브라우저에 대한 세부적인 제어 수준을 유지하는 데 도움이 되는 작고 간단한 JavaScript 라이브러리입니다.

다음은 HTML 기능 지원에 대한 대화형 차트입니다.http://a.deveria.com/caniuse/

보시다시피 H5 기능 중 상당수를 지원하는 브라우저가 많이 있습니다.

jQuery를 사용하고 있고 상호 운용성을 염려하며 HTML5를 조사하는 유일한 이유는 다음을 사용하는 것입니다. data-* 속성이 설정되면 더 잘 지원되는 doctype으로 다시 전환하고 jQuery의 $().data() 이 방법을 사용하면 임의의 데이터 조각을 DOM 노드에 바인딩할 수 있습니다. data- 속성 세트는 그렇습니다.

예:

<button id="set">Click me!</button>

$('button#set').click(function(){
    if($(this).data('name')){
        alert('Clickin\' again so soon, ' + $(this).data('name') + '?');
    }else{
        $(this).data('name', prompt('Hey good lookin\', what\'s your name?', ''));
    }
});

사용해 보세요!

내 대답은 당신이 원하는 것이 아닐 수도 있지만 그렇지 않다고 말하고 싶습니다.아직은 HTML 5를 사용하지 마세요.

사용 프로토비스.자바스크립트와 HMTL5를 사용합니다.여기에는 플래시가 없습니다.더 중요한 것은 Protovis가 BSD 라이센스를 가지고 있다는 것입니다.따라서 상업용 프로젝트에 사용할 수 있습니다.하지만 D3 Protovis의 저자가 작업 중인 최신 프로젝트입니다.

이것은 오래된 질문이지만 브라우저 지원 주제는 항상 관련성이 있습니다.이에 접근하는 올바른 방법이나 잘못된 방법은 없습니다. 하지만 몇 퍼센트의 사용자가 특정 기능을 보고 잔인하게 반응할지 보여주는 많은 브라우저 기능 지원 표 중 하나를 살펴보세요.

모든 사람을 기쁘게 하려고 노력하지 마세요.아직 IE7을 사용하고 있는 러다이트의 몇 퍼센트를 잡기 위해 자살하지 마십시오.내년에는 IE8로 대체하세요.개인적으로 저는 업그레이드가 무엇인지 모르는 사람들을 위해 음식을 제공하기보다는 미래 지향적인 사고 방식에 그 시간을 투자하기 위해 8%를 잃어서 기쁠 것입니다.

어쩌면 귀하의 사이트로 인해 사람들이 업그레이드하게 될 수도 있습니다.이 사람들은 결국 돌아올 것입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top