暑期学习日记6：头部元素

土肥圆波太郎

已于 2022-07-15 22:53:43 修改

阅读量226

点赞数

文章标签：学习

于 2022-07-14 22:08:19 首次发布

本文链接：https://blog.csdn.net/weixin_48485475/article/details/125794004

版权

1.<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

2.<title> 标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

（1）定义浏览器工具栏中的标题

（2）提供页面被添加到收藏夹时显示的标题

（3）显示在搜索引擎结果中的页面标题

如：

<title>标题-1</title>

效果为：

3.<base>标签为页面上的所有链接规定默认地址或默认目标（target）：

4.<link> 标签定义文档与外部资源之间的关系,最常用于连接样式表，如：

<link rel="stylesheet" type="text/css" href="Untitled-1.css">

效果为：

5.<style> 标签用于为 HTML 文档定义样式信息。

<style>
	h2{
		 background-color: lightblue;
         color: black;
         padding: 40px;
         text-align: center;
}
	</style>

效果为：

6.<meta> 标签提供关于 HTML 文档的元数据。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

（1）定义网页的编码格式，如：

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

使用前：

使用后：

6.<script> 标签用于定义客户端脚本，比如 JavaScript。

关注