不是<meta>的属性都有哪些?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了不是<meta>的属性都有哪些?相关的知识，希望对你有一定的参考价值。
参考技术A 搜索引擎优化（SEO）定义页面使用语言
自动刷新并指向新的页面
实现网页转换时的动态效果
控制页面缓冲
网页定级评价
控制网页显示的窗口
一、meta标签的属性
1、charset属性
该特性申明文档的字符编码但，该声明可以被任何一个元素的 lang 特性的值覆盖。推荐使用utf-8国际通用编码。如：
<meta charset="utf-8">
登录后复制
2、content属性
此属性包含http-equiv 或name 属性的值，具体取决于所使用的值。
3、http-equiv属性
这个枚举属性定义了能改变服务器和用户引擎行为的编译。这个编译值使用content 来定义，如下：
content-language（过时）
指定页面的默认语言，推荐使用<html>设置全局lang属性来代替。
content-security-policy：内容安全策略
它允许页面作者定义当前页的 内容策略。 内容策略主要指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。
content-type（过时）
设置文档字符编码，推荐使用meat的charset属性代替。
default-style：默认样式（首选样式）
该属性指定了文档首选的默认样式。content的值必须包含link元素的标题、href属性链接到CSS样式表或包含CSS样式表的``元素的标题。
refresh：页面刷新时间
如果content值为正整数，则设置为指定时间间隔刷新当前页面，值为正整数后跟字符串的形式则指定时间间隔内跳转到指定页面。以上时间单位为秒。
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/fzz9/">
<meta http-equiv="refresh" content="3 <http://www.cnblogs.com/fzz9/>">
登录后复制
set-cookie（过时）
为页面设置cookie，请改用HTTP的Set-Cookie头部。
4、name属性
该属性定义文档级元数据的名称。如果以下其中一个属性设置了itemprop, http-equiv or charset ，就不能再设置这个属性了。
name属性可包含以下值（不完整）：
application-name
定义正运行在该网页上的网络应用名称。
author
文档的作者名称，自由格式。
description
其中包含页面内容的简短和精确的描述。 一些浏览器，如Firefox和Opera，将其用作书签页面的默认描述。
generator
包含生成页面的软件的标示符。
keywords
包含与逗号分隔的页面内容相关的单词。
referrer（实验中的属性）
控制所有从该文档发出的 HTTP 请求中HTTP Referer首部的内容。
creator
定义文档创建者的名称，与author类似。
googlebot
属性robots的同义词，该属性只有googleBot(谷歌索引抓取工具)才会使用。
publisher
自由格式定义文档发布者的名称。
robots
定义搜索引擎爬虫与页面应具有的行为。 它是以逗号分隔的值列表，可选值：
Untitled
viewport（供移动设备使用）
该属性提供有关视口初始大小的提示，仅供移动设备使用。
可选值为：
Untitled
我们常使用下面这个设置来适配移动端页面：
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
登录后复制
二、meta标签的实际使用
1、各大网站首页的meta
我们可以从各大网站的页面查看他们对meta的使用，比如：
淘宝首页
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="spm-id" content="a21bo">
<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！">
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺">
微博首页
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1,minimum-scale=1">
<meta content="随时随地发现新鲜事！微博带你欣赏世界上每一个精彩瞬间，了解每一个幕后故事。分享你想表达的，让全世界都能听到你的心声！" name="description">
github首页
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="GitHub is where people build software. More than 36 million people use GitHub to discover, fork, and contribute to over 100 million projects.">
<meta property="fb:app_id" content="1401488693436528">
<meta property="og:url" content="<https://github.com>">
<meta property="og:site_name" content="GitHub">
<meta property="og:title" content="Build software better, together">
<meta property="og:description" content="GitHub is where people build software. More than 36 million people use GitHub to discover, fork, and contribute to over 100 million projects.">
<meta property="og:image" content="<https://github.githubassets.com/images/modules/open_graph/github-logo.png>">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta property="og:image" content="<https://github.githubassets.com/images/modules/open_graph/github-mark.png>">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="620">
<meta property="og:image" content="<https://github.githubassets.com/images/modules/open_graph/github-octocat.png>">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="620">
<meta property="twitter:site" content="github">
<meta property="twitter:site:id" content="13334762">
<meta property="twitter:creator" content="github">
<meta property="twitter:creator:id" content="13334762">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="GitHub">
<meta property="twitter:description" content="GitHub is where people build software. More than 36 million people use GitHub to discover, fork, and contribute to over 100 million projects.">
<meta property="twitter:image:src" content="<https://github.githubassets.com/images/modules/open_graph/github-logo.png>">
<meta property="twitter:image:width" content="1200">
<meta property="twitter:image:height" content="1200">
<meta name="pjax-timeout" content="1000">
<meta name="request-id" content="2ED9:0DCF:16C7FB:216F9D:5CC52252" data-pjax-transient="">
<meta name="selected-link" value="/" data-pjax-transient="">
<meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
<meta name="google-site-verificati
html常用的标签和属性都有哪些？各有啥用途？怎样书写？
大概说明部分:<html> </html> 声明创 建 一 个HTML 文 档
<head> </head> 设 置 文 档 标 题 以 及 其 他 不 在WEB 网 页 上 显 示 的 信 息
<body> </body>设 置 文 档 的 可 见 部 分
<title> </title>将 文 档 的 题 目 放 在 标 题 栏 中
<h1></h1>创 建 最 大 的 标 题
<h6></h6>创 建 最 小 的 标 题
<b></b>创 建 黑 体 字
<i></i>创 建 斜 体 字
<strong></strong>加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体）
<em></em>加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体）
<a href="URL"></a>创 建 一 个 超 链 接
<a href="mailto:EMAIL"></a>创 建 一 个 自 动 发 送 电 子 邮 件 的 链 接
<a name="NAME"></a>创 建 一 个 位 于 文 档 内 部 的 靶 位
<a href="#NAME"></a>创 建 一 个 指 向 位 于 文 档 内 部 靶 位 的 链 接
<p>创 建 一 个 新 的 段 落
<br>插 入 一 个 回 车 换 行 符
<dl></dl>创 建 一 个 定 义 列 表
<ul></ul>创 建 一 个 标 有 圆 点 的 列 表
<img src="name">添 加 一 个 图 像
<form></form>创 建 所 有 表 单
一个范例文档(已html5来写):
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>文章最重要的标题_网站名称</title>
</head>
<body>
<hearer>
<h1>文章最重要的标题</h1>
<header>
<nav>导航部分</nav>
<section>
<article>
<h2>小标题</h2> <p>内容</p>
</article>
<article>
<h2>小标题</h2> <p>内容</p>
</article>
<article>
<h2>小标题</h2> <p>内容</p>
</article>
</section>
<aside>定义页面内容之外的内容</aside>
<footer>
网站备案版权
</footer>
</body>
</html>
<!--...--> 定义注释。 4 5
<!DOCTYPE> 定义文档类型。 4 5
<a> 定义超链接。 4 5
<abbr> 定义缩写。 4 5
<acronym> 不支持。定义首字母缩写。 4
<address> 定义地址元素。 4 5
<applet> 不支持。定义 applet。 4
<area> 定义图像映射中的区域。 4 5
<article> 定义 article。 5
<aside> 定义页面内容之外的内容。 5
<audio> 定义声音内容。 5
<b> 定义粗体文本。 4 5
<base> 定义页面中所有链接的基准 URL。 4 5
<basefont> 不支持。请使用 CSS 代替。 4
<bdo> 定义文本显示的方向。 4 5
<big> 不支持。定义大号文本。 4
<blockquote> 定义长的引用。 4 5
<body> 定义 body 元素。 4 5
<br> 插入换行符。 4 5
<button> 定义按钮。 4 5
<canvas> 定义图形。 5
<caption> 定义表格标题。 4 5
<center> 不支持。定义居中的文本。 4
<cite> 定义引用。 4 5
<code> 定义计算机代码文本。 4 5
<col> 定义表格列的属性。 4 5
<colgroup> 定义表格列的分组。 4 5
<command> 定义命令按钮。 5
<datagrid> 定义树列表 (tree-list) 中的数据。 5
<datalist> 定义下拉列表。 5
<datatemplate> 定义数据模板。 5
<dd> 定义定义的描述。 4 5
<del> 定义删除文本。 4 5
<details> 定义元素的细节。 5
<dialog> 定义对话（会话）。 5
<dir> 不支持。定义目录列表。 4
<div> 定义文档中的一个部分。 4 5
<dfn> 定义定义项目。 4 5
<dl> 定义定义列表。 4 5
<dt> 定义定义的项目。 4 5
<em> 定义强调文本。 4 5
<embed> 定义外部交互内容或插件。 5
<event-source> 为服务器发送的事件定义目标。 5
<fieldset> 定义 fieldset。 4 5
<figure> 定义媒介内容的分组，以及它们的标题。 5
<font> 不赞成。定义文本的字体、尺寸和颜色。 4
<footer> 定义 section 或 page 的页脚。 5
<form> 定义表单。 4 5
<frame> 不支持。定义子窗口（框架）。 4
<frameset> 不支持。定义框架的集。 4
<h1> to <h6> 定义标题 1 到标题 6。 4 5
<head> 定义关于文档的信息。 4 5
<header> 定义 section 或 page 的页眉。 5
<hr> 定义水平线。 4 5
<html> 定义 html 文档。 4 5
<i> 定义斜体文本。 4 5
<iframe> 定义行内的子窗口（框架）。 4 5
<img> 定义图像。 4 5
<input> 定义输入域。 4 5
<ins> 定义插入文本。 4 5
<isindex> 不支持。定义单行的输入域。 4
<kbd> 定义键盘文本。 4 5
<label> 定义表单控件的标注。 4 5
<legend> 定义 fieldset 中的标题。 4 5
<li> 定义列表的项目。 4 5
<link> 定义资源引用。 4 5
<m> 定义有记号的文本。 5
<map> 定义图像映射。 4 5
<menu> 定义菜单列表。 4 5
<meta> 定义元信息。 4 5
<meter> 定义预定义范围内的度量。 5
<nav> 定义导航链接。 5
<nest> 定义数据模板中的嵌套点。 5
<noframes> 不支持。定义 noframe 部分。 4
<noscript> 不支持。定义 noscript 部分。 4
<object> 定义嵌入对象。 4 5
<ol> 定义有序列表。 4 5
<optgroup> 定义选项组。 4 5
<option> 定义下拉列表中的选项。 4 5
<output> 定义输出的一些类型。 5
<p> 定义段落。 4 5
<param> 为对象定义参数。 4 5
<pre> 定义预格式化文本。 4 5
<progress> 定义任何类型的任务的进度。 5
<q> 定义短的引用。 4 5
<rule> 为升级模板定义规则。 5
<s> 不支持。定义加删除线的文本。 4
<samp> 定义样本计算机代码。 4 5
<script> 定义脚本。 4 5
<section> 定义 section。 5
<select> 定义可选列表。 4 5
<small> 不支持。定义小号文本。 4 5
<source> 定义媒介源。 5
<span> 定义文档中的 section。 4 5
<strike> 不支持。定义加删除线的文本。 4
<strong> 定义强调文本。 4 5
<style> 定义样式定义。 4 5
<sub> 定义上标文本。 4 5
<sup> 定义下标文本。 4 5
<table> 定义表格。 4 5
<tbody> 定义表格的主体。 4 5
<td> 定义表格单元。 4 5
<textarea> 定义 textarea。 4 5
<tfoot> 定义表格的脚注。 4 5
<th> 定义表头。 4 5
<thead> 定义表头。 4 5
<time> 定义日期/时间。 5
<title> 定义文档的标题。 4 5
<tr> 定义表格行。 4 5
<tt> 不支持。定义打字机文本。 4
<u> 不支持。定义下划线文本。 4
<ul> 定义无序列表。 4 5
<var> 定义变量。 4 5
<video> 定义视频。 5
<xmp> 不支持。定义预格式文本。 4 5 参考技术A 建议你装个dreamweaver，然后下载些html的相关资料就可以了。html不难 参考技术B html.chm
http://www.baidu.com/s?tn=chinacnc_hn_pg&bs=html.chm&f=8&wd=html.chm&inputT=0 参考技术C 网页标题标签
主题标签
内容标题标签
字体标签
换行标签
段落标签
图片标签
多媒体标签
以上是关于不是<meta>的属性都有哪些?的主要内容，如果未能解决你的问题，请参考以下文章