文档元数据

元数据是描述数据的信息,元数据不会显示在页面上,但是对于机器是可读的。如果说一篇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" />

必须的属性:
content 定义与 http-equiv 或 name 属性相关的元信息
可选的属性:
http-equiv 把 content 属性关联到 HTTP 头部
name 把content属性关联到一个名称
scheme 定义用于翻译content属性值的格式

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值