저는 현재 대기업에서 일하고 있으며 트래픽이 많은 전자 상거래 웹 사이트를 디자인하고 있습니다. 다양한 브라우저에서 수만 명의 사용자를 지원합니다. 현재 브라우저 통계는 , 가장 많이 사용하는 사람은이며 Firefox 3 이상 및 IE8을 사용하고 있습니다. IE6에 여전히 약 5 %의 사용자가 있습니다.대형 전자 상거래 사이트 : HTML5를위한 시간이 되었습니까?
미래에 대한 코딩을 시작하고 사이트 전체에 HTML5를 적용 할 차례입니까? 책임있는 일입니까, 아니면 더 나은 지원 브라우저로 업그레이드 할 수 있도록 1 년을 기다려야합니까?
감사합니다.
HTML5는 하나가 특정 것이 아닙니다. HTML5가 무엇인지 모르는 브라우저에서도 사용할 수 있습니다. 추가 태그 또는 양식 유형 중 일부만 사용하기 시작하면 이전 브라우저에서 표준 요소로 완벽하게 저하됩니다. 비디오는 어쨌든 플래시 폴백을 필요로합니다. 어쨌든 고급 스크립팅 기능은 지원되지 않는 브라우저에 대한 대체물을 필요로하거나 필수적이지 않은 기능 만 추가해야합니다.
HTML5 기술을 사용하여 최신 브라우저에 대한 이점을 제공하기 위해 이전 버전의 브라우저에서 HTML5 기술이 잘 떨어지지 않았는지 확인하십시오.
나는 진보적 인 약간의 향상이 세계가 브라우저 시장의 나머지 부분에 엉덩이를 걷어 찰 필요가 있다고 생각한다. 감사. –
나는 여전히 IE6에있는 사용자의 5 %는 아마 IE6에 남아있을 것이라고 말할 것입니다. 그들은 업 그레 이드에 관심이 없거나 (아마도 이러한 사항을 모르는 경우) 또는 직장의 보안 정책에 따라 IE6로 제한됩니다. 특히 IT 팀이 너무 큰 변화라고 생각하거나 기존 소프트웨어가 다른 것과 호환되지 않기 때문에 많은 고객이 IE6에서 업그레이드하지 않는 것으로 나타났습니다.
그러므로 내 조언은 다음과 같습니다. HTML5로 이동하십시오. 약간의 작업을 통해 IE6의 결함을 해결할 수 있습니다 (Modernizr, CSS3PIE 아이디어 참조). 그런 식으로 95 %의 고객이 더 나은 경험을하게됩니다.
... "대형"이란 무엇입니까? HTML5가 여전히 진행중인 작업으로 간주된다면, 나는 투표하지 않을 것이다.
IE8은 대부분 HTML5를 지원하지 않습니다.HTML5를 더 잘 이해하기 위해 사용할 수있는 라이브러리가 있습니다. 하지만 대규모 제작 사이트의 경우 1 년을 기다리는 것이 좋습니다.
"HTML5"라는 이름은 웹 브라우저의 모든 흥미로운 새로운 기능을 설명하기 위해 현재 대부분의 사람들이 사용하고 있습니다. 이러한 기능 중 일부는 실제로 HTML5 사양의 일부가 아닙니다. 예를 들어 CSS와 Javascript는 HTML5 배너에서 참조되는 새로운 기능을 포함합니다. 나는이 모든 것들을 의미한다고 가정 할 것입니다.
내 대답은 구현할 수있는 기능을 조사하는 것이지만 이전 버전과의 호환성을 유지하는 것입니다. HTML5, CSS3 등의 많은 기능을 이전 브라우저에서 사용할 수 없게 만들지 않고도 사이트에 추가 할 수 있습니다.
몇 가지 예 : (하지만 더에 대한 연구 시간을 보내고 않습니다)
<input type='date'> 및 <input type='number'>새로운 입력 유형이 당신에게 현대적인 브라우저에서 새로운 기능을 제공하지만 오래된 브라우저가 여전히 표시됩니다 정상 입력 필드.
상세 정보 : http://www.456bereastreet.com/archive/201004/html5_input_types/
시맨틱 HTML5 태그 같은 <section>, <footer> 등
HTML 태그에 추가적인 의미 론적 의미를 부여합니다. 이는 사이트를 보는 SEO 및 기타 자동화 시스템에 유용합니다. 그것들은 대체로 하위 호환이 가능하지만 IE6/7/8에서 지원하기 위해서는 HTML5Shiv와 같은 IE 해킹을 포함시켜야합니다. 그러나 Modernizr을 사용하는 것이 좋습니다. 여기에는 HTML5Shiv와 다른 유용한 기능이 포함되어 있습니다.
border-radius과 같은 일부 CSS3 기능. IE는 이것에 대해 알지 못하지만 결과는 IE가 정사각형을 가질 것이며 다른 브라우저는 모서리가 둥글게됩니다. 따라서 IE 사용자를위한 사이트는 아무 것도 없습니다.
이 실제로 인 경우 CSS3Pie과 같은 도구를 사용하여 border-radius을 비롯한 여러 CSS3 기능을 지원하도록 IE를 만들 수 있습니다.
SVG 그래픽을 직접 사용하는 대신 Raphael과 같은 Javascript 그래픽 라이브러리를 사용하십시오.이 라이브러리는 SVG를 지원하는 브라우저에 SVG를 그리고 IE 용 VML (이는 IE6에서도 작동합니다)으로 폴백합니다.
은 분명히 <video> 또는 <canvas> 태그와 같은 물건은 이전 버전의 브라우저에서 작동하지 않을 수 있습니다,하지만 솔직히, 그것은 충분히 당신이 바로 사용할 수있는 기능을 구현하는 당신이 오래 걸릴 수 있습니다; 당신이 한발 더 나아갈 준비가 될 때쯤에, 상황은 어쨌든 계속 움직일 것입니다.
어쩌면 변경을 유도하는 데 도움이 될까요? 그래서 플래시가 그다지 크지 않았던 것처럼 링크를 말하고 업데이트하거나 스왑합니다. – Olical
IE6에 5 %가 있다면 평균 이상입니다. 내 경험의 현재 평균은 약 2.5 % ~ 3 %입니다. 무엇보다도 새로운 기능을 추가 할 준비가 될 때까지 IE6 사용이 어떻게 될지 알아 내려고 현재의 수치 대신 결정을 내리는 데 사용하십시오. – Spudley