<article> tag is one of the new sectioning element in HTML5.
The HTML <article> tag is used to represent an article. More specifically, the content within the <article> tag is independent from the other content of the site (even though it can be related).
In other words, The article element represent of component of a page that consist of self-contained composition in a document, page or a site. For Ex. in syndication.
Potential source for Article Element are :
- A magazine/newspaper article
- A blog entry
- A forum post
- A user submitted comment
This tag is most often used in two contexts:
- On a page with a single piece of content, a single <article> element can be used to contain the main content and set it off from the rest of the page.
- On a page with multiple pieces of content (a blog index page, a search results page, a category page, a news feed), multiple <article> elements can be used to contain each individual piece of content.
Either way it is similar to <div> element, and display the stylish work same. However, using the <article> element instead of <div> provides more semantic information to screen readers, search engines, and third-party applications
Default CSS setting : Most browsers will display the Article element with following values.
Example: This is the image of a blog and Here, the red circle contain an article, it has its own image which make it separate from the other content of the site.