topic 11 Flashcards
(15 cards)
what is semantic markup
Semantic markup means using HTML elements that clearly describe their meaning in both human and machine-readable ways
✅ It helps:
Browsers understand the structure of a webpage.
Search engines improve indexing and SEO.
Assistive technologies (like screen readers) provide meaningful navigation for users with disabilities
what is the <header>
Represents introductory content or a group of navigation links
what is <footer>
defines bottom section of a page
what is <nav>
Identifies the main navigation links
what is <article>
Represents independent content that can stand alone
<aside>
</aside>
For side content like ads, tips, related links, or extra info
what is <section>
A thematic grouping of content, often with a heading
what is <main>
Represents the main content of the page
what is <div>
defines a division or a section in an HTML document
what is non semantic grouping?
elements with no semantic meaning. you can still group and style content using <div> and <span></span>
what is <span></span>
Used to style or manipulate inline text
how does semantic tags help with SEO
Improving how your site appears in search results.
Enhancing accessibility and performance.(content is properly displayed across various devices. )
examples of semantic tags to help SEO
<strong>
<em>
<abbr></abbr></em></strong>
<address>
</address>
what are the self-contained content tags?
<figure>
<figcaption>
Used to group media content with its description.
</figcaption></figure>
what is WAI-ARIA
WAI-ARIA stands for Web Accessibility Initiative – Accessible Rich Internet Applications.
It adds extra semantic meaning especially for users with screen readers and other assistive tools.
