网页设计之HTML实战(8) -- HTML 头部标签(head,title,base,link,style,meta,script)

最新推荐文章于 2022-03-15 19:44:48 发布

我是包不同

最新推荐文章于 2022-03-15 19:44:48 发布

阅读量3.1k

点赞数 5

分类专栏：网站设计文章标签： html

本文链接：https://blog.csdn.net/x879014419/article/details/106141188

版权

24 篇文章 0 订阅

订阅专栏

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

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

＜title＞标签定义文档的标题。该标题在浏览器窗体的标题栏上显示出来。
title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

<!DOCTYPE html>
<html>
	<head>
		<title>文档标题</title>
	</head>
	<body>
		好的。
	</body>
</html>

＜base＞标签为页面上的所有链接规定默认地址或默认目标
如果没有指定目录，那么直接在此文档下面搜索文件。

<head>
<base href="http://baidu.com/images" />
<base target="_blank" />
</head>

标签定义文档与外部资源之间的关系。标签最常用于连接样式表。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

＜style＞用于为 HTML 文档定义样式信息。

<head>
	<style type="text/css">
		body {background-color:yellow}
		p {color:blue}
	</style>
</head>

元数据（metadata）是关于数据的信息。

＜meta＞标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

＜meta＞标签始终位于 head 元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

针对搜索引擎的关键词
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引页面。

<meta name="keywords" content="广告词1, 广告词2, 广告词3" />

＜script＞标签用于定义前端脚本，比如 JavaScript、VbScript。

<script type="text/javascript">
alert("这是运行一个脚本");
</script>

关注

专栏目录