브라우저 간의 호환성

사용자들은 일반적으로 브라우저를 사용하여 웹사이트에 액세스합니다. 그러나 브라우저마다 웹사이트 코드를 해석하는 방식이 약간씩 다릅니다. 즉, 브라우저가 다르면 웹사이트가 다르게 보일 수 있습니다. 일반적으로 콘텐츠 유형이나 인코딩을 지정하지 않고 브라우저에서 판단하도록 하는 것과 같은 개별 브라우저 작업에 의존하지 않도록 해야 합니다. 다음과 같은 몇 가지 방법을 사용하면 사이트가 예상치 못한 방식으로 작동하는 것을 막을 수 있습니다.

가능한 많은 브라우저에서 사이트 테스트하기

웹 디자인이 완성되면 사이트 방문자가 최적의 사이트 경험을 할 수 있도록 사이트의 모양과 기능이 실제로 어떻게 보이는지 여러 브라우저에서 확인해 봅니다. 이러한 테스트는 가급적 사이트 개발 과정 초반에 시작하는 것이 이상적입니다. 브라우저마다, 혹은 같은 브라우저라도 버전에 따라 사이트가 다르게 보일 수 있습니다. Google 웹로그 분석과 같은 서비스를 사용하면 사이트를 보는 데 어떤 브라우저가 가장 많이 이용되는지 확인할 수 있습니다.

올바르고 오류가 없도록 HTML 작성하기

HTML이 유효하지 않더라도 일부 브라우저에서는 사이트가 제대로 보일 수 있지만, 현재 사용되고 있거나 앞으로 출시될 모든 브라우저에서 제대로 보일 것이라고 장담할 수는 없습니다. 따라서 페이지가 모든 브라우저에서 동일하게 보이도록 만드는 가장 좋은 방법은 유효한 HTML 및 CSS를 사용하여 페이지를 만든 다음, 여러 브라우저에서 테스트하는 것입니다. 오류가 없이 올바른 HTML을 사용하면 일종의 보험에 가입한 것과 같이 안심할 수 있습니다. CSS를 사용하면 콘텐츠와 디자인이 분리되므로 페이지를 더 빠르게 렌더링 및 로드할 수 있습니다. 무료 온라인 HTMLCSS 유효성 검사기와 같이 W3 컨소시엄이 제공하는 검사 도구는 사이트를 검사하는 데 유용하며, HTML Tidy와 같은 도구는 코드의 오류를 쉽고 빠르게 수정하도록 도와줍니다.유효한 HTML을 사용하는 것을 권장하지만 이로 인해 Google의 사이트 크롤링 및 색인생성에 큰 영향을 미치지는 않습니다.

문자 인코딩 지정하기

브라우저가 페이지의 텍스트를 렌더링하도록 하려면 문서 인코딩을 지정해야 합니다. 이 인코딩은 문서의 상단에 표시되어야 합니다. 일부 브라우저에서는 문서 중간에 나오는 문자 집합 선언을 인식하지 못하기 때문입니다. 또한 웹 서버에서 서로 상충하는 HTTP 헤더를 전송하지 않도록 해야 합니다. content-type: text/html; charset=ISO-8859-1 같은 헤더는 페이지의 모든 문자 집합 선언을 대체합니다.

누구나 액세스할 수 있는 사이트 만들기

모든 사용자의 브라우저에서 자바스크립트가 활성화되어 있는 것은 아닙니다. 또한 Flash나 ActiveX 같은 기술도 모든 브라우저에서 제대로 렌더링되지는 않을 수 있습니다. 따라서 Flash 및 기타 리치 미디어 사용 가이드라인에 따라 Lynx와 같은 텍스트 전용 브라우저에서 사이트를 테스트하는 것이 좋습니다. 또한 리치 미디어 콘텐츠 및 기능 대신 텍스트 전용 콘텐츠와 기능을 제공하면 검색 엔진에서 사이트를 보다 쉽게 크롤링 및 색인생성할 수 있스며, 스크린 리더 같은 대안 기술 사용자도 사이트에 보다 쉽게 액세스할 수 있습니다.

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?