HTML meta常用设置

meta 标签的作用

• 搜索引擎（SEO）优化；

• 定义页面使用语言；

• 自动刷新页面；

• 控制页面缓存；

• 网页定级评价；

• 控制页面显示的窗口；

• 等等...

搜索引擎获取网页的关键字，网页的内容描述

<meta name="keywords" content="" />
<meta name="description" content="" />

告诉搜索引擎哪些页面需要索引，哪些页面不需要索引

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

其content的值有：

• all：文件将被检索，且页面上的链接可以被查询；

• none：文件将不被检索，且页面上的链接不可以被查询；

• index：文件将被检索；

• noindex：文件将不被检索，但页面上的链接可以被查询；

• follow：页面上的链接可以被查询；

• nofollow：文件将被检索，但页面上的链接不可以被查询。

设置页面作者

<meta name="author" content="一般写站点名称" />

设置网站版权信息

<meta name="copyright" content="" />

设置禁止浏览器从本地缓存中访问页面

<meta http-equiv="Pragma" content="no-cache" />

设置自动刷新并跳转新页面，其中content第一个数字代表 5 秒后自动刷新：

<meta http-equiv="Refresh" content="5;URL=https://gybworld.com" />

iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串（包括已经加入连字符或括号格式化过的）添加电话链接，点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别，可以将它关闭：

<meta name="format-detection" content="telephone=no" /> //不识别数字串
<meta name="format-detection" content="email=no" />   //不识别邮箱

Tags 标签

加个好友，技术交流