《HTML、CSS和JavaScript入门经典》笔记—

本文介绍了HTML中header元素的使用方法及其在网页布局中的作用。header元素通常用于包含页面的头部信息，如logo、标题等，并可多次出现在同一页面中作为不同部分的头部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<header>内部包含的信息是对页面总体上的介绍。该信息可能采用实际的<h1>元素的形式，或者它可能只是<p>或<div>元素内包含的标志图像或文本。内容的含义本质上应该是介绍性的，以保证它包括在<header></header>标签对内；

<header>
    <img src="acmewidgets.jpg" alt="ACME Widgets LLC"/>
<header>

或者

<header>
    <img src="acmewidgets.jpg" alt="ACME Widgets LLC"/>
    <h1>The finest widgets are made here！</h1>    
<header>

<header>元素的公共位置位于页面的开始处。

一个页面不限于只使用一个<header>。可以疯狂地使用<header>元素，只要它们充当介绍性信息的容器即可；

<header>元素可以包含流式内容(flow content)类别中的任何元素，流式内容(flow content)元素是包含文本、图像或其他多媒体嵌入式内容的元素；

<header>内所允许内容的唯一例外是：<header>元素不能包含其他<header>元素，也不能包含<footer>元素。

转载于:https://www.cnblogs.com/jolene-wu/p/8495103.html

《HTML、CSS和JavaScript入门经典》笔记——<header>元素