Software, your way.
How To Get Good Custom Software
(Download)
(PDF)
burger menu icon
WillMaster

WillMaster > LibraryWeb Content Preparation

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

The HTML 'article' Tag

The HTML article tag is a useful element.

Benefits for you: With the article tag, you can tell browsers, search engines, and other automated content processors which content of your page constitutes the main article or primary content.

Benefits for browsers: When browsers try to identify the main article content of your web page, the article tag can guide them.

The focus of this article is on using the article tag to help browsers determine which content on the page is your main content — specifically for browsers that offer a feature commonly referred to as "reader view". Reader view is a feature many browsers offer that allows users to view your web page without navigation, ads, and other elements separate from the article.

When a site visitor taps the reader view icon, some browsers provide options to change the appearance of the page or even to have the article read aloud.

Not all web pages can be rendered in a reader view. The way the page is constructed can prevent the browser from determining what is and what is not the main content. For those pages, the browser's reader view icon would be missing or grayed out.

Using the article tag is fairly simple:

<article>
Your article.
</article>

You may have more than one set of article tags, such as:

<article>
Part of your article.
</article>

Other stuff.

<article>
More of your article.
</article>

In general, browsers remove potentially distracting elements from reader-view content. This can include buttons, ads, videos, and background images.

It is important to note that not all browsers provide a reader-view function. I am on a Mac and my Safari, Firefox, Tor, and Vivaldi all provide a reader view from the address bar. Chrome provides a version of the functionality at their "More Tools | Reading Mode" menu item. I was unable to find it at all on the DuckDuckGo browser.

Consider using the article tag. It is likely to be beneficial for your web pages.

At the very least, take a moment to review your web pages to see how users will see your content when they use their reader view.

(This content first appeared in Possibilities newsletter.)

Will Bontrager

Was this article helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method

All information in WillMaster Library articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2024 Will Bontrager Software LLC