Mobile app version of vmapp.org
Login or Join
Smith883

: 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

@Smith883

Posted in: #BestPractices #Html5 #Ios #Iphone #Template

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?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Smith883

3 Comments

Sorted by latest first Latest Oldest Best

 

@Ogunnowo487

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.).

10% popularity Vote Up Vote Down


 

@Radia820

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)

10% popularity Vote Up Vote Down


 

@Smith883

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme