html的meta标签的作用
<meta>标签包含了页面文档的上下文信息。
主要包含的上下文信息:
1.配置了服务器向浏览器响应时,http协议的head信息,浏览器根据head执行相应操作。
2.对页面的描述信息,便于搜索引擎分类查找。
在 HTML 中,<meta> 标签没有结束标签。
在 XHTML 中,<meta> 标签必须被正确地关闭。
标签必选的属性是content。
标签可选的属性是name,http-equiv。
1.http响应head
适用http-equiv和content属性进行描述。
例如:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Refresh" content="5;url=http://www.XXXXX.com" />
使用http-equiv描述的内容会被服务器放入到对浏览器的响应的head中。
浏览器再根据响应head中的内容对文档执行具体的操作。
列如上面的两个http-equiv设置后,会在响应head中包含以下内容。
content-type: text/html charset:gb2312 refresh:5;url=http://www.XXXXX.com
含义就是文档是html页面,编码字符集采用gb2312浏览器用这个字符集去解码显示页面,5秒后跳转到另一个url页面。
http-equiv项的设定有很多,具体参考http协议或者用搜索引擎搜。
2.页面的描述信息
基本上搜索引擎都会看meta标签对网页进行分类检索。
适用name和content属性进行描述。
列如:
<!--用以说明生成工具--> <meta name="generator" content="cnblogs"> <!--用于搜索的网页关键字--> <meta name="keywords" content="html,meta"> <!--告诉搜索引擎页面的主要内容描述--> <meta name="description" content="html的meta标签的作用"> <!--告诉搜索引擎页面的作者信息--> <meta name="author" content="白色的海">
其中最重要的莫过于keywords和description了。
还有可以设置revised,robots(告诉搜索机器人,页面检索的行为),others项。
html的meta标签的作用相关推荐
- meta标签详解(meta标签的作用)///////////////////////////转
meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧 您的 ...
- html的meta标签作用,网站meta标签就什么,meta标签的作用
Meta标签如何优化?对SEOer来说,meta标签是网站参与排名的基础,这也在某一方面决定了SEO的优化周期以及效果,会做和做好其实就是两个概念,虽然Mate标签操作不难,难度就在于标签的精炼,今天 ...
- meta标签的作用是什么
meta标签的作用是什么 meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta ...
- meta标签的作用及整理
欢迎访文我的博客YangChen's Blog meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道 ...
- 前端三部曲之Html -- 1(html的基本结构和常见的meta标签的作用)
一个H5页面的基本结构是什么 我么在编辑器中输入html:5可以得到 <!DOCTYPE html> <!-- 声明文档类型 --> <html lang="e ...
- h5是什么 www.php.cn,html meta标签的作用是什么?
什么是htmlmeta标签: htmlmeta标签的定义和用法: 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 标签位于文档的头部,不包含 ...
- 常用的meta标签以及作用
meta标签是什么 meta 标签由 name 和 content 属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等 常用的meta标签 (1)charset,用来描述HTML文档 ...
- 一些常用的meta标签及其作用
声明文档使用的字符编码 <meta charset='utf-8'> 优先使用 IE 最新版本和 Chrome <meta http-equiv="X-UA-Compa ...
- meta 标签的使用以及作用
1.meta标签的作用 1.搜索引擎优化(SEO) 2.定义页面使用语言 3.自动刷新并指向新的页面 4.实现网页转换时的动态效果 5.控制页面缓冲 6.网页定级评价 7.控制网页显示的窗口 meta ...
- HTML5中Head内标签详解(一):meta标签
引言: 我发现自己最近有点走偏了,越来越多的将学习的精力放在编程上,而渐渐的忽略了HTML这个简单又不简单的标记语言上.相信大家应该也有这样的经历.觉得HTML这种东西很简单不需要花费太多精力就能使用 ...
最新文章
- 融资2.1亿商汤领投,他要用VR+AR解决无人驾驶的路测难题
- CentOs简单分区方案
- 数据结构【双指针算法】
- 第一百三十六期:详细讲解 Redis 的两种安装部署方式
- 五大质量工具详解及运用案例_掌握质量管理五大工具,实现九段质量管理成长...
- Cow Contest【最短路-floyd】
- 开始位置 环状图_水星轨道发现千万公里环状结构,或将发现新的行星环
- android wear 同步应用,Android Wear发布 突出语音及同步功能
- 58欧氏空间05——对称变换和对称矩阵、实对称矩阵的标准形、正交相似、实对称矩阵的正交相似对角化
- 二维树状数组的区间加减及查询 tyvj 1716 上帝造题的七分钟
- 网页html跑马灯,web实现跑马灯
- 安装好的java在哪里打开_安装了java怎么打开jar
- phpcms代码学习笔记(globle.function.php)
- 三级行政区划 mysql_全国三级行政区划数据 常用查询语句
- 微信小程序 ES6语法
- C PRIMER PLUS第七章11题
- qt show widget_Qt Widget不显示
- volatile 与处理器的嗅探技术
- 谷歌竞价推广Google Ads如何自己开户?
- Shell的while命令