Tip #16: Use article tags correctly

  • — HTML

  • 0
  • — 2/20/2023

I talked a bit before about semantic HTML and why using it is good for SEO.

Today, I'm introducing a new semantic HTML tag: article.

The article tag is supposed to be used whenever you're linking to a blog post or some sort of content (either internal or external) somewhere on your page.

Rather than using an a tag with a basic href, wrap the whole link within an article tag.

Typically within article tags you want to include some h1 or h2 that will serve as the "name" of that article. Beyond this, any other content is allowed.

I recommend adding a name, a short description, some tags, and a publication date to your articles.

To read more about article, check out the MDN docs.

Shaun Chander

hey (again), I'm shaun

I'm posting 3 tips on creative web development daily. Subscribe below to to get tips delivered straight into your inbox!