HTML头部（其中详解了meta标签）

asiaqi

已于 2022-07-05 22:42:58 修改

阅读量713

点赞数 1

分类专栏： HTML asiaqi每日打卡文章标签： html 前端

于 2022-07-05 22:40:28 首次发布

本文链接：https://blog.youkuaiyun.com/m0_62200674/article/details/125629610

版权

asiaqi每日打卡同时被 2 个专栏收录

17 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

<head> 元素

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

<title>元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题

<base>元素

base标记是一个基链接标记，是一个单标记。

base的herf属性：网页上的所有相对路径在链接时都将在前面加上基链接指向的地址，解决编程时候的相对路径问题
base的target属性：设定文件显示新窗口的方式
1、target=“_self"表示：将链接的画面内容，显示在目前的视窗中。(内定值) 。即：同窗口打开。
2、target=”_parent"表示：将链接的画面内容，当成文件的上一个画面。即：当前窗口打开。
3、target=“_top"表示：将框架中链接的画面内容，显示在没有框架的视窗中（即除去了框架)。即：顶端打开窗口。
4、target=”_blank"表示：将链接的画面内容，在新的浏览视窗中打开。即：打开新窗口。

<html>
<head>
<title>演示</title>
<base href="https://www.w3school.com.cn">
<base target="_blank">
</head>
<a href="/tags/tag_base.asp">base标签讲解</a>
<!--点击打开的是https://www.w3school.com.cn/tags/tag_base.asp 这个网站-->
<!--且为在新窗口打开-->
</body>
</html>

<meta>元素

举例来说，<meta http-equiv=“charset” content=“iso-8859-1”>中，http-equiv属性指定了名称charset，content属性（必须要和name 属性或 http-equiv 属性一起使用）指定了值iso-8859-1。之后，服务器将把名称/值对添加到发送给浏览器的内容头部，这样发送到浏览器的头部就应该包含：

charset:iso-8859-1

代码实例

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<meta http-equiv="Refresh" content="5;url=http://www.bilibili.com"/>

<!--注意上面例子演示了在网址已经变更的情况下，将用户重定向到另外一个地址。-->

<meta charset="UTF-8">
<meta name="author" content="lyt">
<meta name="description" content="example">
<meta name="keywords" content="HTML">
    
<title>演示</title>
</head>

<body>
<p>我们已经搬家啦！</p>
<p>您将在 5 秒内被重定向到新的地址。</p>
<!--即打开b站网页-->
</body>
</html>