HTML article: Main Tips
- HTML
<article>element has independent data, which can be reused or distributed to other web pages or documents. - The
<article>tags can hold blog entries, news articles, comments, etc. - Both HTML
<article>tags (opening and closing) are mandatory.
Purpose of article
HTML <article> defines reusable, self-contained information.
<article>
<h1>Fun Fact</h1>
<p>Fun fact: most of the fun facts on the Internet are not actually fun.</p>
</article>Note: in HTML 5, articles element is a new addition.
The HTML <article> vs <section> discussion indicates that these elements are similar, but their use cases differ. For instance, <article> should be applied if specific content will be syndicated.
Tip: syndication refers to a process of making reusable content, which can be incorporated into multiple web sites or documents.
Attributes for article
The HTML <article> can contain any of the global attributes. The following list contains the three most used ones.
address
To provide information about the author of the article, use <address>.
<article>
<address>
Written by Someone.<br>
Visit me at: <br>
https://www.bitdegree.org/ <br>
</address>
</article>footer
You can use <footer> to provide extra information at the bottom of the <article> element.
<article class="blog_post">
<p> Another blog post. </p>
<footer>
<p>
Extra information is always good.
</p>
</footer>
</article>time
Use <time> to describe the date and time of the publication of the <article> element.
<article class="blog_post">
<p>My first blog post, I am a real blogger now.</p>
<footer>
<p>
Posted on <time datetime="2017-07-24 16:00">May 31</time> by Lisa.
</p>
</footer>
</article>