Article element in a wrong implementation

[Amer-Adel]

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: mdn/content@942a529
• Document last modified: 2023-04-13T06:13:15.000Z

[wbamberg]

each day’s forecast (<article class="day-forecast">) doesn’t make sense on its own

Why not? As I read the spec:

The article element represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

...it seems totally plausible for a page to include "today's weather" as an "independent item of content".

[Amer-Adel]

If you share this article "Weather forecast for Seattle" with other website it will give a meaning

But if you share just this info (03 March 2018, Rain.) out of its context does it give a meaning!
No it should has a heading like Seattle Weather (info...) to be an article or it's just a section that group a related contend on its context.

[github-actions]

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

[wbamberg]

I guess if it is appearing on a Seattle local news site the context would be pretty obvious, as it is here for example: https://komonews.com/news/local, or https://www.nbcnewyork.com/news/local/.

It's fair to say, though, that it could be improved. One of the challenges is that it wants to show that articles can be nested, but we only have a small amount of space to show markup, so we want to keep the markup as concise as possible. The spec has an example with a blog post and comments, where the comments are articles, but it would be hard to make the markup concise enough for one of these examples.

I've transferred this to the interactive-examples repo, and maybe someone will have a better suggestion there.

[estelle]

Maybe adding a comment that reads something like <!-- list of weather by hour --> to indicate to the reader that much more content would be included if this was a real example with available space.