Microdata (마이크로데이터) 접근성을 높이는 방법 중에 하나인 마이크로데이터에 대하여 설명합니다. 마이크로데이터 란? 마이크로데이터는 스코프(scope)로 범위가 제한된 사용자 지정 목록에 이름/값의 쌍으로 정의된 속성을 DOM에 추가해 기존 데이터에 주석을 다는 것이다. 마이크로데이터를 사용할 최적의 경우는 이미 HTML을 정확하게 사용하고 있지만 HTML만으로 페이지가 포함하는 데이터의 시맨틱을 전부 나타낼 수 없는 경우다. 마이크로데이터 목록 (itemtype) 표준에 의해 사전에 정의되어 있는 것을 가져다 쓰거나 직접 원하는 방식으로, 마이크로데이터 목록을 정의할 수 있으며 자신의 웹 페이지에 사용자 지정 속성으로 삽입할 수 있다. 특정 형식을 기준으로 정의된 아이템은 그 형식을 해석할 수 있는 모든 프로그램에 의해 처리가 .. 웹개발론/웹표준, 접근성 12년 전
관용모드와 표준모드 - Quirks mode & Standard mode 웹 페이지의 렌더링 방식에는 표준 모드(Standards mode)와 관용 모드(Quirks mode)라는 두 가지 렌더링 방식이 있습니다. 이를 이해하고 DOCTYPE의 중요성을 깨닭게 되길 바랍니다. 표준모드 - 모든 표준이 엄격하게 지켜진다. 관용모드 - 브라우저가 구버전 브라우저의 렌더링을 흉내냄으로써 기존의 비표준 기능도 허용된다. 표준 모드 선택 DOCTYPE이 지정된 모든 HTML 문서는 윈도우용 IE6 이상 버전을 포함한 모든 브라우저에서 표준 모드로 렌더링됩니다. 극 소수의 예외적인 경우를 제외하고는 표준 모드를 사용해야 합니다. IE6 이상 버전에서 관용모드를 사용하면 사실 윈도우용 IE5.5와 똑같이 렌더링되는데 이는 기술적으로 엄청난 퇴보입니다. 나머지 브라우저에서는 관용 모드를 사.. 웹코딩/HTML 12년 전
X-UA-Compatible, IE=edge, 호환성 보기 Internet Explorer 8 버전이 등장하면서 새로운 기능 한 가지를 추가했습니다. 바로 호환성 보기 버튼인데, 이미 주소 표시줄 옆에 있는 종이 모양의 아이콘을 눌러 보신 분도 계실꺼라 생각합니다. 호환성 보기의 이해 호환성 보기 버튼은 IE8이 웹페이지에 접근했을때, 어떤 렌더링 엔진을 사용할 것인지를 선택하게 하는 용도의 버튼입니다. 웹 개발자 및 디자이너 분들은 구형 IE 브라우저에서 표준에 맞지 않는 수많은 오류와 싸우실텐데, IE의 브라우저 버전이 올라가면서 해당 오류들을 웹표준에 맞게 수정하면서 기존의 구형 브라우저와는 다르게 해석되는 부분이 발생하게 됩니다. 과거 IE6과 IE7이 브라우저 점유율의 대부분을 차지하고 있던 암흑기에 제작된 웹페이지들은 이러한 오류들을 우회하면서 제작되.. 웹코딩/HTML 12년 전