现在我们说关于HTML中那些标签具体是什么意思,我们直接上代码
<!DOCTYPE html> <!--声明文档类型-->
<html> <!--文档的开始点-->
<head> <!--文档头部-->
头部内容
</head>
<body> <!--文档主体-->
主体内容
</body>
</html><!--文档的结束点-->
<!DOCTYPE> 一定要排在首位!
当我们新建一个HTML文件的时候,最开始的一个标签是<!DOCTYPE>,这个有什么用呢?
这是告诉浏览器这个一个什么版本的HTML文档,浏览器会通过<!DOCTYPE>中所写入的内容判断HTML的版本,进行不同的解析。也就是说,当我们写一个html文档给浏览器执行的时候,同时需要告诉浏览器我当前文档是什么版本写的。
需要注意的是<!DOCTYPE>在HTML中是非常非常重要的,为什么这么说呢。如果没有定义文档版本(类型)浏览器会自己去判断,遗憾的是这种判断是非常糟糕的。
<html>
<head>
<title>启动怪异模式</title>
</head>
<body>
没有指定文档类型
浏览器开启:BackCompat
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
浏览器会怎么解析你的代码,只能看浏览器自己了。
浏览器的厂商这么多,网页在不同的浏览器中会展示不同的样子,很诡异哦
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>标准模式</title>
</head>
<body>
定义了<!DOCTYPE>
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
在同一的标准下,浏览器显示效果会达到基本一致
</body>
</html>
除了避免让浏览器进入到怪异模式外,使用<!DOCTYPE>也可以告诉别人你使用的是什么版本的HTML,不同版本的HTML,声明的内容页不相同,关于HTML的版本,可以在这里面看http://www.jianshu.com/p/6437ffb112a9
不同版本的HTML文件所定义的也有差异
我们来写几个其他版本的定义
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5
<!DOCTYPE html>
随着时代的进步,其实我们是使用H5声明的方式是比较常见的,在没有特殊要求的情况下,我们使用H5文档定义的写法就好。