HTML < meta > 标签

定义与用法

< meta >标签是HTML标记head区的一个关键标签，提供文档字符集，使用语言、作者等的基本信息，以及对关键词和网页等级的设定，最大的作用是能够做搜索引擎优化。

< meta >元素可提供有关页面的元信息（meta—information），比如针对搜索引擎和更新频度的描述和关键词。

< meta >标签位于文档的头部，不包含任何的内容。

< meta >标签在html中没有结束标签，属于单标签。

注释：< meta >标签永远位于head元素的内部。

注释：元数据总是以名称/值的形式被成对传递。

定义与http-equiv或name属性相关的元信息。

content属性提供了名称/值对中的值。该值可以是任何有效的字符串。

content属性始终要和http-equiv属性或name属性一起使用。

http-equiv相当于http的文件头作用，它可以向浏览器传递一些有用的信息，以帮助浏览器正确地显示网页内容。http-equiv属性为名称/值对提供了名称。

当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然很多服务器会发送许多这种名称/值对，但是所有的服务器搜至少要发送一个：context-type：text/html。这将告诉浏览器准备接受一个HTML文档。

<meta http-equiv="charset" content="iso-8859-1"><meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含：

content-type：text/htmlcharset：iso-8859-1expires：31 Dec 2008

只有当浏览器能够接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。

content-type：设定页面使用的字符集

<meta http-equiv="content-type" content="text/html;charset=utf-8">

X-UA-Compatiable:IE8的专用标记，用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式，以此来解决部分的兼容问题。

<meta http-equiv="X-UA-Compatiable" content="IE=Edge">/这句代码告诉IE浏览器，IE8/9及以后的版本都会以最高的版本IE来渲染本页。

expires：设定网页的过期时间。

refresh：自动刷新并指向新的页面。

<meta http-equiv="refresh" content="2;URL=https://www.baidu.com">/2表示停留2秒后跳转到后面的页面。

set-cookie: 如果网页过期，自动删除本地网页。

windows-target：强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用。

<meta http-equiv="Window-target" content="_top">

cache-control：缓存机制

<meta http-equiv="cache-control" content="no-cache">

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

author：标注网页的作者

<meta name="author" content="李白">

keywords:页面关键词，用于被搜索引擎收录。

<meta name="keywords" content="手机，手表，电脑”>

description:页面描述，用于搜索引擎收录。

<meta name="description" content="新闻中心，包含有社会新闻，娱乐新闻、国际新闻、实时新闻、新闻图片“>

renderer:指定双核浏览器默认以何种方式渲染页面。

<meta name="renderer" content="webkit">/默认是webkit内核

copyright:网站版权信息。

viewport：用于控制页面缩放。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

generator：说明网站的采用的什么软件制作。

<meta name="generator" content="Microsoft"/>

revised：网页文档的修改时间

<meta name="revised" content="设计网, 6/24/2015"/>

robots：用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

<meta name="robots" content="none"/>

标签支持HTML中的全局属性。

阅读全文

0 0