htmlheader——头部头歌
时间: 2024-09-09 22:14:30 浏览: 74
HTML `<header>` 元素用于定义网页文档的头部,通常包含页眉区域,比如网站的logo、导航菜单、元数据等。这部分内容对于整体布局和品牌形象很重要,因为浏览器会将其显示在页面的顶部。`<header>` 通常出现在 `<body>` 标签内的开头,紧跟在 `<doctype>` 和 `<title>` 标签之后,可以包含 `<h1>` 到 `<h6>` 等各级标题元素,以及其他相关的链接和样式信息。
例如:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网站</title>
<!-- 引入CSS样式 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="logo">
<img src="logo.png" alt="网站Logo">
</div>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<!-- 主体内容... -->
</body>
</html>
```
阅读全文