<!DOCTYPE html>标签
实质就是规定浏览器对html页面的渲染方式（标准模式），不同的浏览器显示相同的页面.由于历史的原因，各个浏览器对页面的渲染存在差异，甚至在同一浏览器的不同版本汇总，对页面的渲染也不同。在W3C标准出现以前，浏览器对页面的渲染没有统一的规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，使浏览器渲染页面有了 统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。问题：W3C标准推出以后，浏览器都开始采用新标准，如何保证旧的网页还能继续浏览？( 在W3C标准出现以前，很多的网页都是根据旧的方法编写的，如果用新的标准来渲染，将会导致页面出现异常.)为了保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法(如微软的IE)，这样浏览器就产生了怪异模式和标准模式两种渲染方法，共存在一个浏览器上。
window.top.document.compatMode：//BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 //CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 这个属性会被浏览器识别并使用，如果你的页面没有 DOCTYPE的声明，那么compatMode默认就是BackCompat，浏览器会按照自己的方式渲染页面，在不同的浏览器会显示不同的样式.如果添加了DOCTYPE的声明，那么就相当于开启了标准模式，浏览器就会按照W3C的标准解析渲染页面，保证了在所有的浏览器都是一个样式
head标签
<meata>标签
1.name属性用于描述网页，与之对应的属性值为content,content中的内容是便于搜索引擎查找信息和分类信息的
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><meta name="description" content="老男孩培训机构是由一个老的男孩创建的">
http-equiv，相当于http的文件头作用，可以向浏览器回传一些有用的信息，帮助正确和精确的显示网页内容，与之对应的属性值为content,content中的值就是各个参数的变量值<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)<meta http-equiv="content-Type" charset=UTF8">
非<meta>标签
<title>oldboy</title>
<link rel="icon" >
<link type="text/css" rel="stylesheet" href="css.css"> #引入css
<script src="hello.js"></script>
body标签
基本标签(块级标签和内联标签)
块级标签：<p> <h1> <table> <ol> <ul> <form> <div>
内联标签：<a> <input> <img> <textarea> <span>
block(块)元素的特点总是在新行开始;宽度缺省值默认是它的容器的100%，除非指定宽度;可以容纳其他内联元素和其他块元素;通过css调高度和宽度;inline元素的特点和其他元素都在一行上,固定文字或图片宽度，不可改变,内联元素只能容纳文本或者其他内联元素,不可以通过css调整高度和宽度
特殊字符
< >；"；©®
|
|
收藏
淘帖
踩
