Web Development Course:
HTML article: Main Tips
<article>element has independent data, which can be reused or distributed to other web pages or documents.
<article>tags can hold blog entries, news articles, comments, etc.
- Both HTML
<article>tags (opening and closing) are mandatory.
Purpose of article
<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.
<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
<article> can contain any of the global attributes. The following list contains the three most used ones.
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>
You can use <footer> to provide extra information at the bottom of the
<article class="blog_post"> <p> Another blog post. </p> <footer> <p> Extra information is always good. </p> </footer> </article>
Use <time> to describe the date and time of the publication of the
<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>
Mobile browser support
HTML5 Tags List: Get to Know the Most Useful Elements
Find HTML5 tags explained and illustrated with beginner-friendly HTML5 examples. Grasp the difference between HTML5 tags & elements and learn to use both!
HTML Layout: Creating a Simple Page Layout Design
HTML layout is vital for a proper page layout design. Find out how you can create HTML containers and what you can implement for your HTML layout.