Link to my work this week

The Purpose of Various Elements:

<header>

• Introductory content of the webpage or a section
• Often contains navigation menus, site logos, and headings.

<footer>

• Additional information at the bottom of the page

• Often containing copyright notices, links to policies, and contact info.

<nav>

• Specifically for navigation links
• Helps search engines and screen readers understand site navigation.

<section>

• Groups together related content within a page
• Inside may contain a heading and multiple articles or other elements.

<article>

• Represents a self-contained piece of content- a certain style or category (e.g. a blog post, news article, or forum post)
• Can be independently disturbed or syndicated

Comparison with <div>

• Differences:
  • Semantic elements convey meaning and improve accessibility, while <div> is a generic container inside HTML.
  • Screen readers and search engines interpret semantic elements more effectively.
• Similarities:
  • Both <div> and semantic elements help organize content.
  • All can be styled using CSS and manipulated with JavaScript.