태그 보관물: html5

html5

기술 웹 사이트-방문자가 최신 브라우저를 사용한다고 가정해야합니까? 만일을 대비하여 내 사이트를 이전 브라우저와

기술 블로그가 포함 된 자체 웹 사이트를 만드는 중입니다. HTML5 및 CSS3와 같은 최신 기술을 사용하여 웹 사이트를 구축하고 싶습니다.

이후 내 웹 사이트 프로그래머 타겟이되며, 주로 기술에 정통한 사용자는 이 사람들이 현대적인 브라우저를 사용 될 것이라고 부여, 나는 취해야합니까? 또는 만일을 대비하여 내 사이트를 이전 브라우저와 호환해야합니까?

사용하지 않을 브라우저와 호환되도록 웹 사이트를 조정하는 데 어려움을 겪고 싶지 않습니다.

업데이트 : 지금까지 답변을 읽었으며 질문에 대한 중요한 세부 정보를 놓친 것 같습니다. 명확하지 않은 경우 사이트의 특성을 고려하여 답변에 집중하십시오.

내 웹 사이트는 프로그래머와 대부분 기술에 정통한 사용자를 대상으로합니다.

이 점을 고려할 때이 사람들이 최신 브라우저를 사용하게 될까요?



답변

사이트에 Google 웹 로그 분석 을 추가 하고 사용자를 추적

알아낼 수있는 유일한 방법은 사용자 기반에 대한 합리적인 통계 샘플을 수집하는 것입니다. 이것에 미치지 못하는 것은 근거없는 가정 일뿐입니다.

다행히도 Google 웹 로그 분석은 브라우저, 화면 크기, 지원 기능 등에 대한 모든 것을 완벽하게 추적합니다.

버전이 훨씬 오래 지원되므로 Internet Explorer를 ‘낮은 점수’로 지정하십시오. 예를 들어 Windows XP 지원 수명주기는 2014 년 4 월 8 일까지 만료되지 않으므로 IE 6은 그때까지 사라지지 않습니다.

통계에 따르면 매우 적은 비율의 사용자 만 IE 6 (또는 IE 7)을 사용하는 경우 브라우저 지원에 필요한 노력을 정당화하지 못할 수 있습니다.

최신 HTML5의 경우 무료 점진적 향상 적용을 위해 HTML5 shiv 를 사이트에 추가 할 수 있지만 브라우저가 따라갈 때까지 더 고급 기능 (예 : HTML5 파일 API)을 사이트의 개인 섹션으로 제한 할 수 있습니다.


답변

90 % 이상의 미국인이 이미지를보고, JavaScript를 지원하며, CSS를 지원하며, 관련있는 연결이 적절합니다.

현대 웹을 경험하지 않기 위해 길을 잃은 세계의 10 %를 쫓는 데 90 %의 시간을 소비하는 것은 시간 낭비입니다.


답변

취하다:

  • 자바 스크립트가 해제됩니다
  • CSS3는 지원되지 않습니다
  • 이미지가 비활성화됩니다
  • 사용자 연결이 느려집니다

나는 그것이 당신이 듣고 싶은 것이 아니라 웹 디자이너와 개발자로서 우리가 직면 한 현실이라는 것을 알고 있습니다. 구형 브라우저를 사용하는 사용자가있을뿐만 아니라 일부는 브라우저의 설정을 변경하여 기본 동작을 변경합니다 (예 : JavaScript 끄기).

CSS 및 JavaScript를 다양하고 제한적으로 지원하는 검색 엔진과 같은 봇도 잊을 수 없습니다. 또한 일부 사용자는 최신 기술을 지원하는 데 악명 높은 스크린 리더를 사용합니다.

위의 모든 것을 지원하는 것이 실제로 훨씬 쉽습니다. 점진적 향상 은 웹 디자인 및 개발의 기본 원칙이며 아직 모든 기능을 처리 할 수없는 브라우저 및 사용자를 지원하면서 사이트에서 최신 기능을 사용할 수 있습니다.


답변

최소한 홈페이지는 합리적으로 지원할 수있는 모든 환경에서 제대로 작동해야합니다. 특정 페이지 기술을 광범위하게 지원하지 필요한 경우, 상태는 분명히 그들에게 리드 것을 링크에서 (불쾌한 사용 아무것도 필요하지 않습니다, title그리고 alt링크와 이미지에 텍스트 충분하다)와 페이지 자체 (예를 들어, 작은 추가 헤더-기능이 있는지 감지 할 수있는 경우 숨길 수 있습니다).

또한 필요한 기술이 없거나 활성화되지 않은 경우 페이지가 정상적으로 저하되도록하십시오. 방문자가 기술에 정통한 경우에도 페이지의 항목이 작동하지 않지만 누락 된 항목에 대한 표시가없는 경우 방문자가 관심을 가지지 않는 한 관심을 보이지 않을 수 있습니다. 추정). OTOH 누락 된 항목을 활성화하는 방법에 대한 자세한 지침을 제공 필요는 없으며 활성화해야하는 항목만으로도이 대상에 충분해야합니다.

업데이트 : 개인 anedocte를 사용하여 마지막 요점을 더 강조하고 싶습니다. 보안 인식 사용자는 항상 NoScript를 사용 하여 탐색 합니다. 예를 들어 비디오가있는 웹 사이트를 방문하면 다음 중 하나가 발생합니다.

  • 동영상의 자리 표시자가 있으며 클릭하면 동영상을 차단 해제 할 수 있습니다.
  • 자리 표시자가 있지만 클릭만으로는 충분하지 않습니다. 차단되지 않은 다른 도메인이 있습니다 (일반적으로 CDN). /mcstatic.com);
  • 더 자리 비디오는 자바 스크립트를 통해 추가되거나하지 않아도 없습니다 widthheight정적으로 설정하고, 때로는 페이지가 전혀 비디오가 힌트가 없다. 완전히 놓칠 수 있습니다.
  • 동영상은 임의의 광고 서버에 의존하므로 가장 명확한 도메인을 차단 해제하는 것만으로는 충분하지 않습니다. 나는거야하면 정말 내가 남아있는 각 도메인 차단 해제에 갈 수있는 관심 (의 순서를 적은 – 투 – 더 그늘 보이는 이름) 가끔의 효과와 함께, 이전에이 표시되지 않은 도메인, 비디오 작품까지 또는 나는 포기한다.

이것은 최신 브라우저와 기술에 정통한 사용자를 가정 할 때 발생할 수있는 몇 가지 문제를 설명하기위한 것입니다. 사이트가 가능한 모든 구성에서 작동하도록하기 위해 벗어날 필요는 없지만이 경우에도 일부 안전 장치 요소가 있어야합니다.


답변

John Conde가 만든 요점은 기술적 인 사람들이기 때문에 최신 브라우저를 사용한다고 가정 할 수 없다는 것입니다. 나는 OP가 더 많은 잠재 고객을 위해 사이트를 코딩하거나 대신 블로그에 참여하는 것 사이의 균형을 찾아야한다는 Evik James의 의견에 동의하는 경향이 있습니다. 그가 어느 시점에서이 사이트에서 수익을 창출하고 싶다면 모바일에서 시작하여 IE6를 시작하고 진보적으로 발전하는 것이 훨씬 쉬워지기 때문에 진보적 향상 및 반응 형 디자인 철학을 따라야한다고 말하고 싶습니다. 쪽으로. 그러나 최소한 OP는 Lynx 브라우저를 통해 사이트를 운영해야 합니다.그의 사이트가 스크린 리더 나 검색 엔진 스파이더에 어떻게 보이는지 확인하고 이미지, CSS 및 자바 스크립트를 끈 상태에서 모든 것을 볼 수 있도록합니다. 그런 다음 최신 브라우저에 정말 멋진 종소리와 휘파람을 남기고 IE6에서 조금 어지럽거나 지루한 것처럼 보이는 것에 대해 크게 걱정하지 마십시오.


답변

타겟 시장에 따라 최신 브라우저를 사용한다고 가정해야합니다. 브라우저 사용에 대한 탭을 유지하고 많은 사람들이 이전 브라우저를 사용하는 경우 호환성을 변경하십시오.


답변

대부분의 사용자를 지원하고 브라우저 기능을 활용하려면 점진적 향상 에 대해 읽어야 합니다. 반응 형 디자인 은 대부분의 장치를 지원하는 또 다른 중요한 주제입니다 (오늘날 많은 사람들이 모바일 장치를 사용합니다). 다른 한편으로, Modernizr , boilerplate , explorercanvas 와 같은 많은 라이브러리 가이 문제에 도움이됩니다.