html head 元素指南

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文件中



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 4,619评论 2 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,531评论 1 45
  • meta   元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关...
    鹿守心畔光阅读 4,127评论 0 2
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 6,876评论 1 1
  • 1.HMML,XML,XHTML有什么区别 1、html即是超文本标记语言(Hyper Text Markup L...
    饥人谷_oathy阅读 3,808评论 0 1

友情链接更多精彩内容