Article html tag usage
The <article> article element represents a complete or self-contained composition in a document, page, application, or site. In HTML, it is the code used to structure a web page and its content. For example, content can be structured using a series of paragraphs, bullet points, or images and data tables.
<article>
<h1>What is HTML?</h1>
<p>HTML stands for Hyper Text Markup Language.</p>
</article>
A general rule of thumb is that an article item is only appropriate if the item's content is explicitly listed in the document's outline. Each article should typically be identified by adding a title (element h1-h6) as a child of the article element.
When article elements are nested, interior article elements represent articles that are in principle related to the content of exterior articles. For example, a blog entry on a site may consist of summaries of other blog entries in the article items embedded within the article item for the blog entry.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SOFTWARE CODING</title>
</head>
<body style="background-color: WhiteSmoke;">
<article>
<header>
<h2><a href="#">Short note about wearing shorts</a></h2>
<p>Posted by Doe Joe on Wednesday, February 10, 2016.
<a href="https://codingsource.net/#comments">6 comments</a></p>
</header>
<p>Another traveler asked an interesting question: Why aren't you wearing shorts?long? The person was wearing culottes as time, so I thought about the question of equality in nature. but I tried to give an honest answer, even though the questioner's attire was questionable.</p>
<p> The short answer is that I like wearing shorts, the long answer is ...</p>
<p><a href="https://codingsource.net/notes">Continue reading: Short wearing shorts</a></p>
</article>
</body>
</html>
The <article> tag defines independent, self-contained content.
Content marked with this tag should be able to be distributed independently from the rest of the site.
The following content can be marked with the <article> tag;
- Forum Posts
- Blog Posts
- News
- Comments
The <article> tag is supported by Internet Explorer 9, Firefox, Opeara, Safari and Chrome.