聊一聊meta标签的细节

Posted 2020-09-21 熊猫哥哥

meta是html语言head区的一个辅助性标签。可能你觉得这些代码可有可无。其实如果你能够用好meta标签，会有一些奇效。

meta标签的作用有：

1.搜索引擎优化（seo）

2.定义页面使用语言

3.自动刷新并指向新的页面

4.实现网页转换时的动态效果

5.控制页面缓冲

6.网页定级评价

7.控制网页显示的窗口————viewport

 

meta标签总共有2个属性        ①name属性　　　　　　②http-equiv属性

name属性有以下几个参数:

1.keywords————关键字

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

<meta name="keywords" content="xm,xiongmao"/>

 

 2.description————网站的内容描述

说明:description用来告诉搜索引擎你的网站的主要内容。

<meta name="Description" content="this is my first html"/>

3.robots————机器人向导

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。对应的content参数有 all，none，index，follor，nofollow。默认是all。

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

4.author————作者

说明:标注网页的作者

<meta name="author" content="xiongmaogege,[email protected]"/>

5.viewport————视图

http-equiv的属性有以下几个参数