<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>HTML模板文件</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!--
ie条件注释
e <= equal简写
gt <= greater than简写
lt <= less than简写
gt 大于
lt 小于
gte 大于等于
lte 小于等于
-->
<!--[if lte IE8]>
<P class="browserupgrade">您的浏览器版本，请到<a href="http://browsehappy.com/">这里</a>更新，以获得最佳的体验</p>
<![endif]-->
</body>
</html><!DOCTYPE html>
- 代表这是一个html5页面，里面的语法规则都是基于html5规范的。
- html5的语法和之前的html版本比起来，比较宽松，使用大写、小写、大小写混合都可以。
- 甚至于标签 <hEad> 都没有问题
- 标签属性可以不加引号
- 但这样看着比较奇怪，一般的，除了<!DOCTYPE html> 声明使用大小写，其他标签和属性尽量使用小写
<html lang="zh-CN">
- lang 规定了页面内容的语言
- lang="zh-CN" 支持简体中文
- lang="zh" 支持更加广泛的中文字符，如繁体中文
- lang="en" 支持英文
- 不设置 lang 问题也不是很大，但是若安装了Google翻译或者其他插件，会自动将设置了 lang="en" 的网页进行翻译，还有一些针对盲人的朗读软件，如设置了 lang="en" 则出现中文字符会跳过不读
- 为了网站的易用性和搜索引擎的搜录的原因，最好设置成正确的 lang 值
<meta charset="utf-8">
- <meta charset="utf-8"> 设置页面编码
- <head> 标签中第一行声明了 charset ，即页面的编码格式。在网页制作过程中，若没有特殊原因，一般采用 utf-8 编码格式
- <meta charset="utf-8"> 这句话一定要尽早的声明。若 不先声明编码格式，在老版本的ie内，若title中含有中文字符，可能不能被正确的解析。 解析错误会导致两种可能的后果： 1. 页面空白。解析错误，不再向后解析； 2. 页面乱码
- 为了一些老版浏览器的兼容问题，尽量将 <meta charset="utf-8"> 在 <head>的第一行声明
- 另一方面，根据 W3C规范 charset的声明必须在页面的 前1024字节 内，若放在其他位置，声明无效
<meta http-equiv="x-ua-compatible" content="ie=edge">
- 代表 ie 的文档兼容性，代表页面在 ie浏览器 下的呈现方式
- ie 从 ie8 之后出现了 兼容模式，为了兼容一些在 ie8 显示不正常，但是在老的浏览器显示正常的模式，ie9、ie10也支持这种兼容模式。
- <meta http-equiv="x-ua-compatible" content="ie=edge">代表了同样一个网站，在 ie浏览器 下，可以用 ie7 模式显示，也可以使用 ie8模式显示，即模仿不同 ie版本的行为
- content="ie=EmulateIE7" 代表模仿 ie7 的行为
- content="ie=edge" 表示强制以最新的IE浏览器模式渲染页面
- 注意 IE11这个文档模式已经被弃用，IE11已经对标准支持比较好
<meta name="viewport" content="width=device-width, initial-scale=1">
扫描二维码关注公众号，回复：
1987735 查看本文章
- viewport 将各种视口宽度统一，设置初始缩放比例，点我查看详情