pub struct Header;Expand description
The <header> element - introductory content.
§Purpose
The <header> element represents introductory content or navigational aids.
It typically contains heading elements, logos, search forms, author information,
or navigation. A page can have multiple <header> elements (e.g., page header
and article headers).
§Content Categories
- Flow Content
- Palpable Content
§Permitted Content Model
- Flow content (but not
<header>,<footer>, or<main>descendants)
§Common Use Cases
- Site-wide page header with logo and navigation
- Article or section headers with title and metadata
- Introduction to a piece of content
- Masthead for a page or section
§Key Attributes
- Global attributes only
§Example
<header>
<img src="logo.png" alt="Company Logo">
<h1>My Website</h1>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
</nav>
</header>
<article>
<header>
<h2>Article Title</h2>
<p>By John Doe, <time datetime="2024-01-15">Jan 15, 2024</time></p>
</header>
<p>Article content...</p>
</article>§Accessibility
- Screen readers may identify headers as landmarks
- Can contain navigation for the section it introduces
§WHATWG Specification
Trait Implementations§
Source§impl HtmlElement for Header
impl HtmlElement for Header
impl<T: FlowContent> CanContain<T> for Header
impl FlowContent for Header
impl PalpableContent for Header
Auto Trait Implementations§
impl Freeze for Header
impl RefUnwindSafe for Header
impl Send for Header
impl Sync for Header
impl Unpin for Header
impl UnwindSafe for Header
Blanket Implementations§
Source§impl<T> BorrowMut<T> for Twhere
T: ?Sized,
impl<T> BorrowMut<T> for Twhere
T: ?Sized,
Source§fn borrow_mut(&mut self) -> &mut T
fn borrow_mut(&mut self) -> &mut T
Mutably borrows from an owned value. Read more