HTML中的meta元素

60 阅读 0 评论 40 点赞

我是靠谱客的博主顺利水壶，最近开发中收集的这篇文章主要介绍HTML中的meta元素，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一个<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元素所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：个人笔记，不喜勿喷！！
浏览次数：60 次浏览
发布日期：2024-01-13 12:30:24
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_23_ogf2_14__23__2_x.html

HTML中的meta元素

概述

meta 标签的作用

meta 使用

name 属性

name="keywords"

name="description"

name="robots"

name="author"

name="generator"

name="COPYRIGHT"

name="revisit-after"

name="viewport"

http-equiv 属性

http-equiv="expires"

http-equiv="Pragma"

http-equiv="Refresh"

http-equiv="Set-Cookie"

http-equiv="content-Type"

http-equiv="Content-Language"

最后

评论列表共有 0 条评论

发表评论取消回复

HTML中的meta元素

概述

meta 标签的作用

meta 使用

name 属性

name="keywords"

name="description"

name="robots"

name="author"

name="generator"

name="COPYRIGHT"

name="revisit-after"

name="viewport"

http-equiv 属性

http-equiv="expires"

http-equiv="Pragma"

http-equiv="Refresh"

http-equiv="Set-Cookie"

http-equiv="content-Type"

http-equiv="Content-Language"

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复