HTML5结构标签header的用法

更新时间:2021-03-24 来源:黑马程序员浏览量:

HTML5中的header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。其基本语法格式为：

<header>
<h1>网页主题</h1>
…
</header>

下面通过一个案例对header元素的用法进行演示，如图所示。

1616574018781_header标签.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>header元素的使用</title>
</head>
<body>
    <header>
        <h1>秋天的味道</h1>
        <h3>你想不想知道秋天的味道？它是甜、是苦、是涩……</h3>
    </header>
</body>
</html>

注意：

header元素并非head元素。在HTML网页中，并不限制header元素的个数，一个网页中可以使用多个header元素，也可以为每一个内容块添加header元素。

猜你喜欢：

HTML5新增form属性有哪些功能?示例代码是什么?

上一篇：nav标签怎么用？nav标签的有什么作用？ 下一篇：H5中article元素的作用是什么？