<article> tag in HTML5

The <article> tag is used to design and show short information about a blog, comment OR news story with image, a heading, time & date, and who is the person write that blog. And the <article> also provide a link to read the complete article.

Important Description

  • The <article> tag is an independent piece of content.
  • The <article> tag element is content that makes sense on it's own.
  • The key point is that the content has to make sense independent of it's context.
  • Potential source for the <article> element:
    • Forum Post
    • For Bloging Post
    • News Story
    • Comments, etc.

Example of <article> Tag

Result Look Like

Java Tutorials

Java is one of the worlds most used programming language... Learn More

Description Of Example Article:

  • Step 1 - First use one image tag and pass image address
  • Step 2 - Use heading tag
  • Step 3 - Short description
  • Step 4 - Time and Date Information
  • Step 5 - Person information, who writes the article

<article> Tag Example with CSS

You can use the CSS to style article box and content to look better and user-friendly for example - Width, height, font style, color, border, Box-shadow, etc.

Result Look Like

SQL Database Tutorial

SQL is a database computer language designed for the retrieval and management of data in a relational database -- Learn More


<article> Tag Browser Support

Element Chrome Edge Firefox Safari Opera
<article> Yes Yes Yes Yes Yes
Version 6.0 9.0 4.0 5.0 11.1

Global Attributes

Event Attributes

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at ""

© 2021 GDATAMART.COM (All Rights Reserved)