What is the difference between p tag and article tag

I want to understand what is the difference between p and article tag I did read that in the challenge article is a self-contained content

but what is the difference between it and the div in the challenge they put

<article>

    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>


    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>

  </article>

what is the purpose of it challenge link

The <article> HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry, a product card, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.

Paragraphs are block-level elements, and notably will automatically close if another block-level element is parsed before the closing </p>` tag. See “Tag omission” below.

1 Like

article and p tags provide content for people with impaired vision who are using screen reading devices.

here is article talking about them in more details: Semantic HTML Guide – 10 Alternatives to Using divs

1 Like