How to enable iOS 5 Safari Reader on my website?

Question

How does the Reader function of Mobile Safari in iOS 5 work? How do I enable it on my site. How do I tell it what content on my page is an article to trigger this function?<

Answer 1

A lot of the answers posted here contain false information. Here are some corrections/clarifications:

1. The

   element works fine as a wrapper; Safari Reader recognizes it. My site is an example. It doesn’t matter which wrapper element you choose, as long as there is one, other than or

   . You can use

   ,

   ,

   ; or elements that are semantically incorrect for this purpose, like

   ,

   ,

   ,

   ; or even inline elements like (!).

2. No headings are required for Reader to work. Here’s an example of a document without any elements on which Reader works fine: http://mathiasbynens.be/demo/safari-reader-test-3

I posted some more details regarding my findings here: http://mathiasbynens.be/notes/safari-reader