HTML文件的＜head＞元素

最新推荐文章于 2023-11-02 22:38:03 发布

Hansel.Wn

最新推荐文章于 2023-11-02 22:38:03 发布

阅读量570

点赞数

分类专栏： HTML 前端文章标签： html 前端

本文链接：https://blog.csdn.net/Dominic_W/article/details/122538293

版权

前端同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

head元素，包含了HTML文件所有的头部元素：

title

定义文档页面的标题，是head中唯一一个必须的元素。

base

1、给页面中所有的链接规定默认的地址
2、设置target属性，给本页面中所有的链接指定target方式

比如：

<html>
	<head>
		<title>未设置base元素</title>
	</head>
</html>
<body>
	<!-- 默认情况下，img元素的src值会从当前文档的URL提取相应的元素来补全a.png前面的路径 -->
	<img src="a.png"/>
</body>

<html>
	<head>
		<title>设置base元素</title>
		<base href="http://www.w3school.com.cn/i/" />
		<base target="_self"></base>
	</head>
</html>
<body>
	<!-- 设置base的情况下，img元素的src值为http://www.w3school.com.cn/i/a.png-->
	<img src="a.png"/>
	<!--head中设置了base target的情况下，规定了本文档中链接的打开方式-->
	<a herf="www.baidu.com">click me!</a>
</body>

style

在HTML文档中定义元素样式
内部样式表使用style标签，内联样式使用style属性

link

link元素，连接外部样式表，是使用CSS样式的三种方式之一。
<link rel="stylesheet" type="text/css" href="theme.css" />

href：所引用外部样式文件的位置
rel：属性值是有stylesheet，表示引用的文档是一个样式表
type：规定被应用文档的MIME类型，属性值一般是text/css

script

用于定义客户端脚本，有两种使用方式：直接包含脚本语句，引用外部脚本文件

<!-- 直接包含脚本语句 -->
<!-- html5.0后，type="text/javascript" 可以省略，因为h5中script的type属性默认text/javsscript -->
<script type="text/javascript">
	document.write("<h1>Hello World!</h1>")
</script>
<!-- 使用src属性指定外部脚本文件 -->
<!-- 使用script引用外部脚本文件时，有依赖关系的脚本文件需要注意在文件中的引用顺序 -->
<script type="text/javascript" src="myscripts.js"></script>

meta

提供页面元信息（meta-information）：针对搜索引擎和更新频度的描述和关键词；
元信息不会显示在浏览器窗口，但是对于机器是可读的。
必要属性：content
可选属性：

http-equiv（指示服务器在发送实际的文档之前先在要传送个浏览器的报文头部包含键值对，使用content提供与http-equiv对应的值）
name，用于描述网页的内容，用于搜索引擎的优化（值为author、description、keywords、generator、revised、others等，使用content提供与这些name对应的值）

<!-- keywords : 指定一组关键字，某些搜索引擎会根据这些关键字对文档进行分类 -->
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<!--默认打开的浏览器的版本-->
<meta http-equiv="x-ua-compatible" content="IE=IE9;IE=IE8;IE=IE7">
<!--指明文档编辑作者-->
<meta name="author" content="w3school.com.cn">
<!--内容类型-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--自动刷新 每过一秒刷新-->
<meta http-equiv="Refresh" Content="3">
 <!--自动跳转-->
<meta http-equiv="Refresh" Content="2; Url=https://www.baidu.com">