meta的属性有哪些组成?说说它们的分别有什么作用?
meta标签的属性主要由http-equiv和name两部分组成,它们各自有不同的作用。
一、http-equiv属性
http-equiv属性相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。与之对应的属性值为content,content中的内容其实就是各个参数的变量值。其主要参数及作用包括:
-
Expires(期限):可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
-
Pragma(cache模式):禁止浏览器从本地计算机的缓存中访问页面内容。设定后,访问者将无法脱机浏览。
-
Refresh(刷新):自动刷新并指向新页面。其中的秒数指定了停留多久后自动刷新到URL网址。
-
Set-Cookie(cookie设定):如果网页到期,那么存盘的cookie将被删除。
-
Window-target(显示窗口的设定):强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。
-
content-Type(显示字符集的设定):设定页面使用的字符集,以解决文档出现乱码的问题。如UTF-8代表世界通用的语言编码。
-
content-Language(显示语言的设定):设定页面显示的语言。
-
Cache-Control(缓存控制):指定请求和响应遵循的缓存机制。如Public指示响应可被任何缓存区缓存;no-store用于防止重要的信息被无意的发布等。
二、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。其主要参数及作用包括:
-
Keywords(关键字):用来告诉搜索引擎你网页的关键字是什么。
-
Description(描述):用来告诉搜索引擎你的网站主要内容。
-
Robots(机器人向导):用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。如all代表文件将被检索,且页面上的链接可以被查询;none则代表文件将不被检索,且页面上的链接不可以被查询等。
-
Author(作者):标注网页的作者。
-
Generator(编辑器):代表说明网站采用什么软件制作。
-
Copyright(版权):代表网站的版权信息。
-
Revisit-after(重访):代表网站重访时间,如7days代表7天,依此类推。
总的来说,meta标签的http-equiv和name属性在前端开发中起着至关重要的作用,它们不仅能帮助开发者优化网页的显示效果和性能,还能提高网页在搜索引擎中的可见度和排名。