interactive-examples icon indicating copy to clipboard operation
interactive-examples copied to clipboard

Article element in a wrong implementation

Open Amer-Adel opened this issue 2 years ago • 5 comments

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article

What specific section or headline is this issue about?

Try it

What information was incorrect, unhelpful, or incomplete?

each day’s forecast (<article class="day-forecast">) doesn’t make sense on its own and is too dependent on the main forecast (<article class="forecast">), then it might not be appropriate to use the <article> tag for the individual day forecasts.

Instead, you can put the name of the city in each sub article but this lead to lots of repetition, so you could consider using the <section> tag for each day’s forecast, as it is used to group related content. If the individual forecasts are not intended to stand alone and are part of a larger whole (the main forecast), then the <section> tag would be more appropriate.

What did you expect to see?

<article class="forecast">
  <h1>Weather forecast for Seattle</h1>
  <section class="day-forecast">
    <h2>03 March 2018</h2>
    <p>Rain.</p>
  </section>
  <section class="day-forecast">
    <h2>04 March 2018</h2>
    <p>Periods of rain.</p>
  </section>
  <section class="day-forecast">
    <h2>05 March 2018</h2>
    <p>Heavy rain.</p>
  </section>
</article>

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details
  • Folder: en-us/web/html/element/article
  • MDN URL: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article
  • GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/html/element/article/index.md
  • Last commit: https://github.com/mdn/content/commit/942a529383ee7ee3996fb234187641c08935f3ff
  • Document last modified: 2023-04-13T06:13:15.000Z

Amer-Adel avatar Sep 13 '23 12:09 Amer-Adel