教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

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



猜你喜欢:

HTML图像标签的基本特点和相关属性

怎样使用H5头部标签?具体代码演示

html中figcaption标签的作用

传智教育web前端培训课程

0 分享到:
和我们在线交谈!