burger menu icon
WillMaster

WillMasterBlog > HTML

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 Element

The article element causes a line break, like a div does. It can be styled like a div. But article has a special meaning that div does not.

Content within the HTML article element is considered to be primary content for the web page. It would be the article, blog post, or other content that is the reason for the particular web page to be published.

Format (styling optional):

<article style="border:1px solid #999; padding:1em; border-radius:1em;">
[content here]
</article>

Reasons for using the article element instead of a div include:

  1. To make it easier for search engine spiders to know which content to index — content that is not ads, navigation, or other header/footer/sidebar information.

  2. To specify content that should be included in the Reader View when a site visitor requests their browser to present it.

  3. To mark content for inclusion in a PDF document when a PDF of content from selected web pages is automatically generated. (Software with this functionality is being worked on. Send me a note if you are interested.)

  4. To specify the relevant content when content is searched by other bots or spiders.

Ads and other content that is not related to the content in the article element should not be included with the article element content.

More than one HTML article element may be used on a page. As an example, there may be an article element for common Autumn traits on a nature site and another article element for common Spring traits.

(This content first appeared in Possibilities newsletter.)

Will Bontrager

Was this blog post 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 Blog 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.

Recent Articles in the Library

File Uploader

This file uploader is complete as one PHP script. No external modules or classes are required. Optional login for private use.

Fun Jumper

This fun jumper is easy to implement. Paste the code into one of your web pages. When you are ready to define your own content, replace the image tag.

The HTML optgroup Tag

The HTML <optgroup> tag allows you to group items in a dropdown list.

Determining Div Location

I generally get the location and dimension numbers of a div with the JavaScript getBoundingClientRect() function. Then access the numbers I need from the function's return value.

Site-wide Login System

A site-wide log-in system that lets pretty much any directory be password protected.

Image Show

With the no-custimizations-required script, it is now relatively easy to show off a series of images on your web page.

A Variables Dump

This PHP function returns details about the variable that is being dumped.

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-2026 Will Bontrager Software LLC