首页技术文章正文

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属性有哪些功能?示例代码是什么?

html5六大结构元素介绍

前端HTML5基本格式

HTML5中figure标签的作用

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!