Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML5 Section & Article tags

Featured Replies

Hello :)

 

I am having a major debate with myself about when is appropriate to use the section and article tags with your document. After searching the web for hours I have found that it is not just me that is confused, most people even after reading the specification do not really know when exactly to use these tags.

 

I'll give you an example of my webpage and a part of it where I think i could use the section and article tags and you can tell me whether or not you think it is appropriate.

 

On my home page I have a section which is titled "recent work" and it has the 3 most current projects that I've been working on, now I personally think that the code could be written like so:

 

<section>

 

<h1>Recent Work</h1>

 

<article>

<h2>Project Title 1</h2>

<p>Project Description 1</p>

</article>

 

<article>

<h2>Project Title 2</h2>

<p>Project Description 2</p>

</article>

 

<article>

<h2>Project Title 3</h2>

<p>Project Description 3</p>

</article>

 

</section>

 

Please can someone tell me if this is correct or not, or what they think about this.

 

Thanks

 

Luke

There is no real 'correct' way when to use it as there are differing opinions depending on your actual content. As for scouring the web, while it's a few years old, this is a great link for clarity http://html5doctor.com/the-article-element/

  • 2 weeks later...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.