: HTML5 article tag application for the iPad/iPhone I've used article tags on websites. My understanding and practice is to use the article tag for publication content. I always use HTML/HTML5 tags
I've used article tags on websites. My understanding and practice is to use the article tag for publication content. I always use HTML/HTML5 tags as their intended purposes and not at will.
Recently, I've seen an HTML template that uses the article tag for the non-publication page content such as the content of an About Us page or any other generic page. I asked the why it was used this way and the (vague) explanation was that it had to do with the way the iPad read the tag. Is this true?
More posts by @Smith883
3 Comments
Sorted by latest first Latest Oldest Best
Don’t let the element name confuse you. article is not for "publication content" only.
HTML5 (CR) defines the meaning of the article element:
a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication.
As examples, the spec lists:
forum post
magazine/newspaper article
blog entry
user-submitted comment
interactive widget/gadget
any independent item of content
User agents (like a tablet, search engines, browsers, …) might do anything they like with the information given by the use of this markup. As article would always include complete/self-contained content, it could make sense to offer a way to consume the content in a different context, e.g., by showing this content only (without any page chrome etc.).
Using the <article> tag in the iPhone is great because it explicitly pops out the "reader" button on the iPhone, that makes the viewed page nice and clean. (really good for pages that are not optimized for mobile reading)
Honestly, I would avoid using them new HTML5 tags like head, section, and article.
Their definitions are vague and unclear. Nobody (including the guy that thought of them) really knows how to use them.
Here is a link to an interesting article on that topic: .NET article
And if you don't want to read it, here is one sentence summary: Stick with your normal div elements with semantic IDs and classes.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.