首页技术文章正文

header标签的作用：H5中header标签的用法

更新时间:2021年03月24日16时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元素。

猜你喜欢：

上一篇：H5 nav元素的作用？nav元素一般用于哪些场合？ 下一篇：天津前端培训班哪个靠谱？|【资源福利】前端教程下载