HTML中的meta元素
<meta>元素必须放在<head>标记内,而且必须写在HTML文件前1024B之内
<meta>元素的主要目的是提供有关这份HTML文件的相关信息。例如编码方式,作者信息,关键词信息或重新导向网址以便将用户导向至另一个网址等。
一个<head>标记内有多个<meta>元素存在。
以下转载自 https://www.jianshu.com/p/6549bec5d0e1
meta 标签的作用
- 搜索引擎(SEO)优化;
- 定义页面使用语言;
- 自动刷新页面;
- 控制页面缓存;
- 网页定级评价;
- 控制页面显示的窗口;
- 等等...
meta 使用
<meta>
标签总共有 3 个属性,不同的属性和值组成了网页不同的功能:
- name
- http-equiv
- content
name 属性
name
属性主要是用于描述网页的,对应content
属性中的内容是便于搜索引擎查找和分类信息。语法:
<meta name="" content="" />
name="keywords"
它是用来设置,让搜索引擎获取网页的关键字:
<meta name="keywords" content="活动,聚会,拓展,团建,培训,讲座" />
name="description"
它是用来设置,让搜索引擎获取网页的内容描述:
<meta name="description" content="百场汇是中国最大的会议活动和工作场地短租平台,提供场地直销服务,价格超低,无任何附加费用,帮助用户寻找各种各样的特色场地。" />
name="robots"
它是用来设置,让搜索引擎哪些页面需要索引,哪些页面不需要索引。content
有如下参数:
- all:文件将被检索,且页面上的链接可以被查询;
- none:文件将不被检索,且页面上的链接不可以被查询;
- index:文件将被检索;
- noindex:文件将不被检索,但页面上的链接可以被查询;
- follow:页面上的链接可以被查询;
- nofollow:文件将被检索,但页面上的链接不可以被查询。
<meta name="robots" content="all" />
name="author"
它是来设置页面的作者:
<meta name="author" content="jay" />
name="generator"
它是来设置网站采用什么软件制作的:
<meta name="generator" content="hobbit" />
name="COPYRIGHT"
它是来设置网站的版权信息的:
<meta name="COPYRIGHT" content="百场汇" />
name="revisit-after"
它是来设置网站的重访,30day
代表30天:
<meta name="revisit-after" content="30day" />
name="viewport"
它是来控制浏览器窗口的大小和缩放的,由于它在现代浏览器,特别是 Mobile 端浏览器非常常用,我们会用专门的一片文章来讲解它:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
http-equiv 属性
http-equiv
相当于 HTTP 的文件头的设置。语法:
<meta http-equiv="" content="" />
http-equiv="expires"
它是来设置网页的过期时间的:
<meta http-equiv="expires" content="Fri May 13 2016 22:49:44 GMT+0800 (CST)" />
http-equiv="Pragma"
它是来设置禁止浏览器从本地缓存中访问页面:
<meta http-equiv="Pragma" content="no-cache" />
http-equiv="Refresh"
它是来设置自动刷新并跳转新页面,其中content
第一个数字代表 5 秒后自动刷新:
<meta http-equiv="Refresh" content="5;URL=http://m.baichanghui.com" />
http-equiv="Set-Cookie"
它是来设置 Cookie 的:
<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/" />
http-equiv="content-Type"
它是来设置页面使用的字符集:
<meta http-equiv="content-Type" content="text/html;charset=gb2312" />
http-equiv="Content-Language"
它是来设置页面的语言的:
<meta http-equiv="Content-Language" content="zh-cn" />
HTML中的meta元素的更多相关文章
- html中的meta元素及viewport属性值
<meta name="viewport" content="width=device-width , initial-scale=1.0, maximum-sca ...
- 手机页面head中的meta元素
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="ex ...
- < meta > 元素
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...
- <meta>元素
HTML <meta> 元素 meta标签描述了一些基本的元数据. <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析. META元素通常用于指定网页的描 ...
- HTML中常用meta整理
< meta > 元素 定义 meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其 ...
- 浅析网站开发中的 meta 标签的作用
*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...
- Meta元素可视区
一.网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" cont ...
- < meta > 元素(转)
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...
- < meta > 元素 概要
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...
随机推荐
- 爬虫实战 豆瓣音乐top250 xpath
刷知乎时刷到一篇爬取豆瓣音乐top250的,然后看了看,感觉自己的爬虫又更上一层楼了哈啊哈哈,尤其是发现xpath这么好用的东西. 不过也有一个感慨,就是有很多种方式都可以获得想要的数据,对于入门的新 ...
- SpringScan
ClassPathBeanDefinitionScanner.java /** * Perform a scan within the specified base packages, * retur ...
- Mybatis面试问题集锦
1.#{}和${}的区别是什么? 答:mybatis在处理#{}时,会将sql中的#{}替换为?号,调用PreparedStatement的set方法来赋值: mybatis在处理 $ { } 时,就 ...
- python前后台交互相关配置
全局配置:全局样式.配置文件 在js下创建setting.js ,配置全局的settings.js import settings from '@/assets/js/settings' Vue.pr ...
- 深浅拷贝_python
一.浅拷贝 拷贝第一层的东西,如其他列表修改他们共同的第二层(或更深),他管不了,只能跟着变. 用处:很少用,用不同账号关联共享: import copyhusband= ['chen','123', ...
- Go网络编程TCP
1. 服务端 package main import ( "bufio" "fmt" "net" "os" " ...
- Go_select
select 是 Go 中的一个控制结构.select 语句类似于 switch 语句,但是select会随机执行一个可运行的case.如果没有case可运行,它将阻塞,直到有case可运行. sel ...
- Jquery判断单个checkbox 是否被选中
jquery判断checked的三种方法: .attr("checked") .prop("checked") .is(":checked" ...
- 剑指offer面试题30.包含min函数的栈
一开始写的垃圾代码,push和pop都是O(N) class Solution { public: vector<int> vec; int min_val=INT_MAX,min_cnt ...
- Docker - Deepin中docker不能启动容器,-d也无效
问题重现 1. 搭建mysql docker run -p 3306:3306 --name docker-mysql-5.7 -v $PWD/conf:/etc/mysql/conf.d -v $P ...