代码改变世界

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

2018-03-02 21:11  Jolene_Wu  阅读(344)  评论(0编辑  收藏  举报

<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>元素。