HTML中head区meta标签常见使用

HTML piniu 42浏览 0评论

META标签是HTML网页文档头部中的标记元素,用于定义与网页相关的元信息,包括字符编码、作者、关键词及页面刷新等,被浏览器和搜索引擎解析以控制功能或优化索引,但不直接显示在页面中。

1. 关键字设置

提供搜索引擎优化所需的信息,如关键词。例如:

<meta name =”keywords” content=”教育, 文化, 科技, 社会”>

2. 网站描述:

提供网站的描述信息,用来告诉搜索引擎你的网站主要内容。例如:

<meta name=”description” content=”这是一个综合性的服务网站。”>

3. 视口设置:

控制移动设备上的页面缩放和尺寸,确保响应式设计。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

4. robots设置

告知搜索引擎页面怎样进行进行索引

<meta name="robots" content="all">:文件将被检索,且页面上的链接可以被查询。
<meta name="robots" content="none">:文件将不被检索,且页面上的链接不可以被查询。
<meta name="robots" content="index">:文件将被检索。
<meta name="robots" content="noindex">:文件将不被检索,但页面上的链接可以被查询。
<meta name="robots" content="follow">:页面上的链接可以被查询。
<meta name="robots" content="nofollow">:文件将被检索,但页面上的链接不可以被查询。

5. 自定义内容存储

可在meta中存储指定一些自定义的内容,方便在需要时取用

<meta name="key" content="value">

6. 页面刷新

设置页面自动刷新的时间间隔,单位:秒。

<meta http-equiv="refresh" content="5">

7. 禁止缓存:

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

<meta http-equiv=”Pragma” content=”no-cache”>

8. 字符编码:

指定文档使用的字符集,使浏览器正确解析文档中的字符。例如:

 <meta http-equiv=”content-Type” content=”text/html; charset=gb2312″>

9. 安全策略:

定义页面的安全策略,防止XSS攻击等安全问题。例如:

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://cdn.openssl.com; object-src 'none';">
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • *昵称:
  • *邮箱: