<!DOCTYPE>声明位于文档中的最前面位置，处于<html>标签之前。此标签可告知浏览器文档使用
那种 HTML 或 XHTML 规范。
作用：声明文档的解析类型（document.compatMode）,避免浏览器怪异模式。do
document.compatmode:
1.Back Compat:怪异模式，浏览器使用自己的怪异模式解析渲染页面
2.CSS1Compat：标准模式，浏览器使用问c的标准 解析渲染页面。
这个属性会被浏览器识别并且使用，但是如果你的页面没有DOCTYPE的声明
那么compatMode 默认就是BackCompat
<head>内常用标签
<meta>元素可提供有关页面信息（meta-information）,针对
搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档头部，不包含任何内容
<meta> 提供的信息是用户不可见的
(1) name属性：主要用于描述网页，与之对应的属性值为
ｃｏｎｔｅｎｔ，ｃｏｎｔｅｎｔ中的内容主要是便于搜索引擎机器
人查找信息和分类信息用的。
（２）http-equiv属性 :x相当于http 的文件作用，它可以
向浏览器传回一些有用的信息，以帮助正确显示网页类容
，与之对应的属性值为content,content 中的内容其实就各个参数的变量值
<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意后面的引号，分别在秒数的前面和网址的后面) <meta http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
非meta标签
<title>oldboy</title>
<link rel="icon" href="http://www.jd.com/favicon.ico">
<link rel="stylesheet" href="css.css">
<script src="hello.js"></script>
<body>内常用标签
<hn>:n的取值范围是1-6；从大到小.用来表示标题。
<p>：段落标签.包裹的内容被换行.并且也上下内容之间有一行空白。
<b><strong>:加粗标签
<strike>:为文字加上一条中线.
<em>：文字变成斜体
<sup>和<sub>上角标和下角标
<br>：换行.
<hr>:水平线
特殊字符：<>"©®
div和span
<div></div>:<div> 只是一个块级元素，没有实际意义。主要通过css样
式为其赋予不同的表现。
<span></span>:<apan>表示了内联行（行内元素）并无实际意义
只要通过css样式为其赋予不同表现
块级元素与内行元素的区别
所谓块元素，是以另一行开始渲染的元素，行内元素则不需另起一行
如果单独在网页中插入这两个元素，不会对页面产生任何影响
这两元素是专门为定义css样式而生的
图形标签<img>
src:显示图片路径
alt:图片没有加载成功的提示
title:鼠标悬浮的提示音
图片的宽
height：图片的搞（宽高两个属性只用一个会自动等比缩放 ）
超链接标签(锚标签): <a> </a>
所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上 的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序
'''
<a href="" target="_blank" >click</a>
href属性指定目标网页地址。该地址可以有几种类型：
绝对 URL - 指向另一个站点（比如 href="http://www.jd.com）
相对 URL - 指当前站点中确切的路径（href="index.htm"）
锚 URL - 指向页面中的锚（href="#top"）
'''