< meta 标签属性

属性                说明

content            必须的，定义与 http-equiv 或 name 属性相关联的元信息

http-equiv        把content 属性关联到HTTP头部

name               把content 属性关联到一个名称

sheme             定义用于翻译content 属性值的格式

charset            定义文档的字符编码

meta标签

1、网页描述信息

内容应尽量简明扼要！

<meta name="description" content="html 网页元信息" >

2、设定页面的关键词 

    多个关键词用 ‘,’隔开

<meta name="keywords" content="html 网页，网页元信息" >

3.设置UTF-8编码

html5简化了 字符编码设置方式 <meta charset='UTF-8'>,设置简体中文编码   charset='gb2312'

<meta http-equiv='content-type' content='text/html'; charset = 'utf-8'>

4.定义页面语言  英文 EN

<meta http-equiv='content-language' contnet = 'zh-CN'>

5.页面刷新或跳转

<meta http-equiv='refrech' contnet = '5'>    // 页面5秒后自动刷新

<meta http-equiv='refrech' contnet = '5'; url='http:www.baidu.com'>    // 页面5秒后跳转到百度搜索 

6.页面缓存

<meta http-equiv='expires' contnet = 'Sunday 20 October 2019 01:00 GMT'>     // 页面缓存  缓存时间到 2019年截至

<meta http-equiv='refrech' contnet = 'no-cache'>    // 页面不缓存

7.网页作者

<meta name='author' contnet = 'http:www.baidu.com'>    

8.网页搬迁

<meta name='copyright' contnet = ' http:www.baidu.com '>    

9.设置创建时间

copyright" contnet=" ' http:www.baidu.com '">

<meta name='date' contnet = '2019-01-12T20:50:20+00:00'>    

10.禁止搜索引擎

date" contnet=" '2019-01-12'">

<meta name='robots' contnet = 'none'>   

11.对外部资源加载的限制(允许控制从哪里加载资源 )

<meta http-equiv="Content-Security-Policy" content="default-src'self'">

12.

定义文档视口 适用于手机端

<meta id="viewport" name="viewport" content ="width=device-width";initial-scale=1.0;maximum-scale=1,shrink-to-fit=no;user-scalable=no;>

//widht 视口的宽度 可以为像素，  initial-scale 缩放值  user-scalable 手动缩放页面 （默认yes 可以）  shrink-to-fit=no(但在IOS9中要想起作用，得加上"shrink-to-fit=no")

link 标签

<link rel="canonical" href="https://example.com/2010/06/9-things-to-do-before-entering-social-media.html">  // 防止出现内容重复的问题

<link rel="mainifeset" href="mainfest.json"> // 链接到一个指定的web 应用程序“安装”证书的json文件

<link rel="author" href="hua.txt"> // 链接到文档的作者

<link rel="import" href=""component.html> // 加载一个外部的html到当前html文件中