文档元数据

最新推荐文章于 2024-08-29 03:14:04 发布

levinhax

最新推荐文章于 2024-08-29 03:14:04 发布

阅读量2k

点赞数

分类专栏：前端学习总结文章标签： html 标签

本文链接：https://blog.csdn.net/levinhax/article/details/52653875

版权

前端学习总结专栏收录该内容

17 篇文章 0 订阅

订阅专栏

元数据是描述数据的信息，元数据不会显示在页面上，但是对于机器是可读的。如果说一篇HTML文档包含数据以及描述数据元数据，那么元数据就是head元素里的元素，数据就是放在body元素里面的。
head里面包含的元数据系列标签有title、base、link、style和meta。
1.title
title用于表示文档的标题或者名称，它能够：
a.定义浏览器工具栏中的标题
b.提供页面被添加到收藏夹时显示的标题
c.显示在搜索引擎结果中的页面标题
2.base
base元素用于指定文档的默认基地址以及链接的打开方式，如：

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

3.link
link 标签定义文档与外部资源之间的关系，并用rel属性表示这些资源和文档的关系。
link标签最常用于连接样式表：

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

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

<head>
<style type="text/css">
body {background-color:#ddd;}
p {color:red}
</style>
</head>

5.meta
meta标签提供关于 HTML 文档的元数据，始终位于 head 元素中。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html" />