Article Tag

By | April 4, 2011

The article tag in HTML5 is set to become one of the most important layout tags there is.

What is the definition?

The <article>tag contains self-contained, independent content. The article is content that could be from another feed or from your own site but would make sense on its own.

Examples:

  • a post on a forum
  • a newspaper article
  • a blog entry
  • user comments

The <article> tag supports all global and event attributes.

Example HTML Code:

Article 1 Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam leo felis, fermentum faucibus sagittis vitae, facilisis vitae felis. Vestibulum non purus quam. Praesent ut quam quis eros sodales eleifend. Phasellus eget dignissim sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut euismod urna id erat pellentesque sollicitudin.

The article tag can have its own headerand footer too. Like this:

Article 1 Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam leo felis, fermentum faucibus sagittis vitae, facilisis vitae felis. Vestibulum non purus quam. Praesent ut quam quis eros sodales eleifend. Phasellus eget dignissim sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut euismod urna id erat pellentesque sollicitudin.

Article 1 Footer

Leave a Reply

Your email address will not be published. Required fields are marked *