Day2-html骨架
二、HTML骨架
标准的骨架
|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 9 </body> 10 </html> |
我们一部分一部分学习。
2.1 文档声明头
任何一个标准的HTML页面,第一行一定是一个以
|
1 <!DOCTYPE …… |
开头的语句。
这一行,就是文档声明头,DocType Declaration。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
到底有哪些规范呢?
首先我们先确定一件事儿,我们现在学习的是HTML4.01这个版本,这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的。但是IE6、7、8这些浏览器还不能过早的淘汰,所以这几年网页还是应该用HTML4.01来制作。后面将知道手机、移动端的网页,就可以使用HTML5了。
HTML4.01里面有两大种规范,每大种规范里面又各有3种小规范。所以一共6种规范(见下面):
HTML4.01里面规定了普通、XHTML两大种规范。
HTML觉得自己有一些规定不严谨,比如,标签是否可以用大写字母呢?
|
1 <H1></H1> |
所以,HTML就觉得,把一些规范严格的标准,又制定了一个XHTML1.0。在XHTML中的字母X,表示“严格的”。
总结一下,一共有6种DTD,说白了,HTML第一行语句一共有6种:
|
大规范 |
里面的小规范 |
|
HTML4.01 |
Strict 严格的,体现在一些标签不能使用,比如u Transitional 普通的 Frameset 带有框架的页面 |
|
XHTML1.0 严格体现在小写标签、闭合、引号 |
Strict 严格的,体现在一些标签不能使用,比如u Transitional 普通的(我们学习的版本) Frameset 带有框架的页面 |
strict表示“严格的”,这种模式里面的要求更为严格。这种严格体现在哪里?有一些标签不能使用。
比如,u标签,就是可以让一个本文加上下划线,但是这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而u这个下划线是样式。所以,在strict中是不能使用u标签的。
|
1 <u>嘻嘻嘻嘻嘻</u> |
怎么给文本增加下划线呢?今后的css将使用css属性来解决。
Transitional表示“普通的”,这种模式就是没有一些别的规范。
Frameset表示“框架”,在框架的页面使用。
我们学习的就是XHTML1.0中的transitional版本。因为我们的页面中偶尔要使用一些类似u这种标签(当做CSS钩子)。
sublime输入的html:xt x表示XHTML,t表示transitional
HTML5中极大的简化了DTD,也就是说HTML5中就没有XHTML了(W3C自己打脸了):
|
1 <!DOCTYPE html> |

浙公网安备 33010602011771号