<!DOCTYPE html> : 定义HTML的规则类型；浏览器兼容性最好

<!DOCTYPE html>
<html>
　　<head>
　　<!--编码-->

　　　　<!-- // 指定HTML编码（缩写）  ： UTF-8 / jdk-->
　　　　<meta charset="UTF-8">   
　　　　<meta http-equiv="content-type" content="text/html;charset=utf-8">
　　<!--跳转-->
　　　　<meta http-equiv="Refresh" Content= "5; Url=http://www.baidu.com"/> <!--// 5 秒后跳转到百度-->
　　<!--刷新-->
　　　　<meta http-equiv="Refresh" Content= "5"> <!--// 5秒钟刷新一次-->
　　<!--关键字-->
　　　　<meta name="keywords" content="Vera，微辣，维拉，薇拉"> <!--爬虫爬的时候的关键字-->
　　<!--对网站的介绍-->
　　　　<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxx">
　　<!--ie兼容-->
　　　　<!--X-UA-Compatible: 为了兼容IE6以下-->
　　　　<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"><!--IE=edge:最新的模式执行浏览器-->

　　　　　<meta http-equiv='X-UA-Compatible' content='IE-edge'><!--bootstrap 不支持IE古老兼容模式，为了让ie浏览器运行最高级别的可用模式渲染显示内容-->
　　<!--网站标题-->
　　　　<title>网站名字</title><!--头部唯一可以显示的东西-->

　　<!--网站名字前的图标-->
　　　　<link rel="icon" href = "图片名（英文）.ico">

　　<!--head中还可以写的相关代码：
　　　　1.css文件
　　　　2.css代码块
　　　　3.js文件
　　　　4.js代码块-->

　　</head>
　　<body>

　　</body>
</html>

补充：

1.
<meta name='viewport' content='width=device-width,initial-scale=1'>
为了确保适当的绘制和触屏缩放，需在<head>中添加viewport元数据标签。
在移动设备浏览器上，通过视口(viewport)设置meta属性为user-scalable=no可禁用其缩放(zooming)功能
2.
<meta name='renderer' content='webkit'>
优先以webkit渲染页面，国内浏览器厂商一般都支持兼容模式（即ie内核）和高速模式（即webkit内核）

html_头部<meta>设置的更多相关文章

  1. 移动端网页meta设置和响应式

    苏宁易购WAP的meta分析 响应式 meta设置 媒体查询时读的width为viewport的宽度.viewport宽度为手机分辨率.比如note2 1280*720.需要重置为设备 640*360 ...

  2. QTabWidget 头部背景色设置和QTabWidget 样式设置

    1.问题:QTabWiget的头部背景色通过设置background-color属性没有生效,网上找了很多方法,也不生效. 2.解决办法:在Qt Designer中将autoFillBackgroun ...

  3. Html头部meta标签

      meta元素有4个属性:name.http-equiv.content.charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过c ...

  4. meta设置与去除默认样式--移动端开发整理笔记（一）

    视口设置: <meta name="viewport" content="width=device-width,user-scalable=no,initial-s ...

  5. 移动端网站开发要点-meta设置

    <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"&g ...

  6. 移动端web页面开发常用的头部标签设置

    在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name=" ...

  7. html头文件设置常用之<meta>设置缓存

    <meta http-equiv="pragma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页 ...

  8. html头文件设置常用之<meta>设置

    也许很多开发人员并没有重视meta标签,我就是其中一个,但是meta标签的功能很强大,下面就来说说meta标签! <meta http-equiv="pragma" cont ...

  9. 关于移动端meta设置

    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initi ...

随机推荐

  1. [九省联考2018]IIIDX

    题目描述 这一天,Konano接到了一个任务,他需要给正在制作中的游戏<IIIDX>安排曲目的解锁顺序.游戏内共有n首曲目 ,每首曲目都会有一个难度d,游戏内第i首曲目会在玩家Pass第t ...

  2. [WC2018]通道

    题目描述 http://uoj.ac/problem/347 题解 解法1 求三棵树的直径,看起来非常不可做,但是所有边权都是正的,可以让我们想到爬山. 所以我们可以按照BFS求树的直径的方法,随机一 ...

  3. Zabbix通过JMX方式监控java中间件

    Zabbix2.0添加了支持用于监控JMX应用程序的服务进程,称为“Zabbix-Java-gateway”:它是用java写的一个程序. 工作原理: zabbix_server想知道一台主机上的特定 ...

  4. 行为驱动开发BDD和Cucunber简介

    测试驱动开发(TDD) 1.测试驱动开发,即Test-Driven Development(TDD),测试驱动开发是敏捷开发中的一项核心实践和技术,也是一种设计方法论.TDD的原理是在开发功能代码之前 ...

  5. postgresql语句

    查询oracle数据库所有表数据量 select t.table_name,t.num_rows from user_tables t ORDER BY t.num_rows desc 查询postg ...

  6. 关于ddl(新增字段)对数据库锁表|读写操作的影响_资料

    1.对一个表执行ddl(新增字段)会不会阻塞表,影响读写? 在一次项目升级之前需要执行一个新增字段的脚本(alter table...),表的数据量是260多万,执行时间是72秒,感觉略长,不知道会不 ...

  7. Nuxt.js学习

    SSR服务端渲染 之前用vue做项目时,在浏览器中查看网页源码,是没有具体内容的,只有一个标签,用服务端渲染的话,查看网页源码数据都会显示出来,所以有利于SEO,能够被搜索到. Nuxt.js是做Vu ...

  8. java实现文件的断点续传

    java实现文件的断点续传: 依赖: <!--文件上传--> <dependency> <groupId>commons-fileupload</groupI ...

  9. JN_0002：Win10禁止U盘拷贝文件的方法

    1,在电脑桌面使用快捷键win键+r唤出运行窗口,在搜索框中输入gpedit.msc,然后点击确定. 2,打开的本地组策略编辑器中依次点击展开计算机配置—管理模块—系统,在系统下找到并选中可移动存储访 ...

  10. 《Java》第四周学习总结

    20175301 李锦然 一:本周学习内容 1:学习第五章视频 2:做实验 第五章主要讲的是子类与父类的关系,子类的继承与多态,final类super类等内容 仓库地址https://gitee.co ...