标签应包含哪些内容(标签种类)

前端开发写一个html静态网页模板的时候，head标签里总会有很多meta标签。很多时候我们都不太明白这些标签的具体作用，但是别人写就写吧！

今天，边肖特别询问了网页中元标签的作用。

Meta是头区的辅助标签。其主要功能有:搜索引擎优化(SEO)，定义页面的语言，自动刷新和指向新页面，实现页面转换的动态效果，控制页面缓冲，页面的评级和评价，控制页面上显示的窗口等。

Meta标签有两个属性，分别是http-equiv属性和name属性。

1.http-equiv属性

顾名思义，http-equiv相当于http的header函数。它可以向浏览器发回一些有用的信息，帮助正确、准确地显示网页内容。对应的属性值是content，内容中的内容实际上是每个参数的变量值。

meta标记的http-equiv属性的语法格式为:

http-equiv属性主要有以下参数:

A，过期

描述:它可以用来设置网页的过期时间。一旦网页过期，它必须重新传输到服务器。

用法:

注意:必须使用GMT时间格式。

B，Pragma(缓存模式)

描述:禁止浏览器从本地计算机的缓存中访问页面内容。

用法:

注意:使用此设置，访问者将无法脱机浏览。

C，刷新

描述:自动刷新并指向新页面。

用法:

注意:其中2表示停留2秒后自动刷新到URL。

D，Set-Cookie(cookie

注意:如果网页过期，保存的cookie将被删除。

用法:

注意:必须使用GMT时间格式。

E，窗口-目标

描述:强制页面在当前窗口中显示为单独的页面。

用法:

注意:用于防止其他人调用框架中自己的页面。

F，内容类型(显示字符集的设置)

描述:设置页面使用的字符集。

用法:

具体如下:

当meta标签的charset的信息参数为GB2312时，表示网站采用的编码为简体中文；

当meta标签的charset的信息参数为UTF-8时，表示通用语言编码；

G，内容-语言

用法:

H和Cache-Control指定请求和响应遵循的缓存机制。

在请求消息或响应消息中设置Cache-Control不会修改另一个消息处理过程中的缓存处理过程。

请求时的高速缓存指令包括无高速缓存、无存储、最大年龄、最大陈旧、最小新鲜、仅当高速缓存时，并且响应消息中的指令包括公共、私有、无高速缓存、无存储、无转换、必须重新验证、代理重新验证和最大。每条消息中的说明具有以下含义:

Public表示响应可以被任何缓冲区缓存。

Private表示共享高速缓存无法处理单个用户的全部或部分响应消息。这允许服务器在用户请求时只描述响应消息的一部分，这对于其他用户的请求是无效的。

No-cache表示不能缓存请求或响应消息。

No-store用于防止重要信息被无意释放。发送请求消息将使请求和响应消息都不使用缓存。

Max-age表示客户端可以接收生存期不超过指定时间(秒)的响应。

Min-fresh表示客户端可以接收响应时间小于当前时间加上指定时间的响应。

Max-stale表示客户端可以接收超过超时期限的响应消息。如果指定了max-stale message的值，客户端可以在指定的超时时间值之后接收响应消息。

J、http-equiv = " image toolbar "

指定是否显示图片工具栏。如果为假，则表示不显示，如果为真，则表示显示。

2.名称属性

name属性主要用来描述网页，对应的属性值是content。内容中的内容主要是搜索引擎机器人用来查找信息和对信息进行分类的。

meta标记的name属性的语法格式为:

name属性主要有以下参数:

A，关键字

描述:关键字用来告诉搜索引擎你的网页的关键字是什么。

例如:

B，描述

描述:描述是用来告诉搜索引擎你网站的主要内容。

例如:

机器人

具体参数如下:

D，作者

G、重访后

重访后代表网站重访，7天代表7天，以此类推。

本文参考了html的元概要，介绍了html标签中元属性的使用。