HTML <meta> 标签 和 http-equiv
来源:互联网 发布:淘宝细节认证主图大小 编辑:程序博客网 时间:2024/06/05 22:36
前言
经常在写HTML,但是对于meta 的设置却一直疏于关注。
<meta> 是什么
<meta> 是一个HTML的标签(辅助性标签)。
它的位置位于文档的头部 <head>标签之中。
<meta> 可以做什么?
看上去是否设置meta 对html 页面的内容的显示没什么影响。
但是,正确的设置meta 可以实现的效果有:
1. 控制页面缓冲
2. 自动刷新并指向新的页面
3. SEO 搜索引擎优化
4.定义页面使用的语言
5. 实现网页转换时的动态效果
6. 网页定级评价
等
meta的属性
meta 是一个标签,这个标签可以设置的属性及对应的值有
- content-type
- expires
- refresh
- set-cookie
- author
- description
- keywords
- generator
- revised
- others
name 属性
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类
<meta name="keywords" content="HTML,ASP,PHP,SQL">
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
http-equiv 属性
当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
<metahttp-equiv="charset"
content="iso-8859-1"><metahttp-equiv="expires"
content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/htmlcharset:iso-8859-1expires:31 Dec 2008
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
一些meta 的用法
1. <meta name="Description"content="信息参数"/>
代表说明网站的主要内容,概况是什么
2. <meta name="generator"content="信息参数"/>
代表说明网站的采用的什么软件制作
3. <meta name="author"content="信息参数">
代表说明网页版权作者信息
4. <meta name="COPYRIGHT" content="信息参数">
meta标签的COPYRIGHT的信息参数,代表说明网站版权信息。
<meta name="Robots"contect="信息参数">
Robots代表告诉搜索引擎机器人抓取哪些页面
4. <meta http-equiv="Refresh"Content="时间;Url=网址参数">
meta标签的Refresh代表多少时间网页自动刷新,加上Url中的网址参数就代表,多长时间自动链接其他网址。
5. <meta http-equiv="Content-Type"content="text/html;charset=信息参数"/>
charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;
6.<meta http-equiv="imagetoolbar"content="false"/>
指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。
7.<meta http-equiv="Content-Script-Type" content="text/javascript">
W3C网页规范,指明页面中脚本的类型。
代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定,访问者将无法脱机浏览。
9.<meta name="revisit-after" content="7days">
revisit-after代表网站重访,7days代表7天,依此类推
- HTML <meta> 标签 和 http-equiv
- html meta标签中name和http-equiv的区别
- html之meta标签属性http-equiv和content详解
- html meta标签之http-equiv
- html meta标签之http-equiv
- HTML-meta标签的http-equiv属性
- <meta>标签 http-equiv
- HTML中meta标签的一些分享(name和http-equiv属性)
- HTML文档中的meta标签 name http-equiv
- html meta标签之http-equiv(转)
- HTML中Meta标签中http-equiv属性小结
- html meta 之 http-equiv
- html meta 之 http-equiv
- html 头部协议 html meta 和 http-equiv 的详解
- 10002---Meta标签中name和http-equiv的区别
- <meta>标签中name和http-equiv的区别
- HTML <meta> 标签 遇到<meta http-equiv="refresh" content="0; url=">详解
- HTML <meta> 标签 遇到<meta http-equiv="refresh" content="0; url=">详解
- 解决头文件相互包含问题的方法
- 安装 SQL Server2008 安装程序规则支持提示“重新启动计算机”失败
- java 从零开始,学习笔记之基础入门<Hibernate_配置详解>(三十六)
- 交叉编译器配置
- 如何解决线程的启动和停止
- HTML <meta> 标签 和 http-equiv
- Android 如何修改情景模式的默认值
- Tair集群
- Mysql 复制步骤
- 分析RTEMS的RAMDISK的使用和原理等
- 重要秘密
- rman 自动备份脚本
- mysql互为主从复制
- 让人惊讶的十个悖论