0
0
HTMLmarkup~5 mins

Header, footer, main in HTML - Cheat Sheet & Quick Revision

Choose your learning style9 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf
Recall & Review
beginner
What is the purpose of the <header> element in HTML?
The <header> element defines the introductory content or a set of navigational links for a page or section. It usually contains the site title, logo, and main navigation.
Click to reveal answer
beginner
What role does the <footer> element play in a webpage?
The <footer> element represents the footer for its nearest sectioning content or sectioning root element. It often contains information like copyright, contact links, or related documents.
Click to reveal answer
beginner
Why should you use the <main> element in your HTML?
The <main> element is used to wrap the main content of the document. It helps screen readers and browsers understand where the primary content is, improving accessibility.
Click to reveal answer
intermediate
Can a webpage have multiple <header> or <footer> elements?
Yes, a webpage can have multiple <header> and <footer> elements if they belong to different sections or articles. Each section can have its own header and footer.
Click to reveal answer
intermediate
How do <header>, <main>, and <footer> improve web accessibility?
These elements provide clear landmarks for assistive technologies, helping users navigate the page easily by jumping to main content, headers, or footers.
Click to reveal answer
Which HTML element is best for wrapping the main content of a webpage?
A<main>
B<section>
C<article>
D<div>
Where would you typically place the <footer> element?
AInside the <nav> element
BInside the <head> section
CAt the top of the page
DAt the bottom of the page or section
Can the <header> element contain navigation links?
AYes, it often contains navigation links
BNo, navigation must be outside <header>
COnly if inside a <nav> element
DOnly in the <footer>
Which element helps screen readers identify the main content area?
A<footer>
B<header>
C<main>
D<aside>
Is it valid to have multiple <main> elements on one webpage?
AYes, for different sections
BNo, only one <main> per page
COnly if inside <article>
DOnly if inside <section>
Explain the roles of
,
, and
elements in structuring a webpage.
Think about the top, middle, and bottom parts of a webpage.
You got /3 concepts.
    Describe how using semantic elements like
    ,
    , and
    helps users with screen readers.
    Consider how clear page sections help people who can't see the page visually.
    You got /3 concepts.