블로그에 읽기도구(Reader) 활성화

2012-04-04   //   alexken작성   //   기술  //  2 Comments

Windows, Mac 모두 Chrome을 주 브라우저로 사용하고 있지만, Mac에서 가끔, 그리고, iOS 기기에서는 Safari를 쓴다.

그리고 Safari5에 들어간 읽기도구 기능을 애용한다.

블로그 글의 경우 주소줄에 [읽기도구] 배지가 뜨면, 항상 이 기능을 이용한다.
원 서식은 모두 날려버린 후 딱 글에 집중하기 좋게 만들어 준다.
하지만 어쩐 이유인지, 이 블로그에서는 [읽기도구]가 활성화 되지 않아 예전부터 원인이 뭔지 궁금했지만 귀찮아서 지금까지 내버려뒀다.

http://mathiasbynens.be/notes/safari-reader

에서 많은 도움을 얻었고, [읽기도구] 배지를 활성화하는 조건이 여럿 있는데, 가장 쉽고, 확실한 방법은 HTML5의 <article>태그를 본문에 해당하는 전후에 붙여주면 된다.

주의: 단일글에 한해서 활성화된다. 즉 한 페이지 내에서 <article>태그는 한번 등장해야 한다.
내가 시험했을땐 그랬지만, 타 사이트의 Reader가 활성화 되고도, 복수개의 <article>태그가 있는 사례를 발견.

<article> 태그의 자세한 내용은
W3C HTML5 표준 4.4.4절 참조
http://www.w3.org/TR/html5/the-article-element.html