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>

posted @ 2017-02-16 07:24  行走de猫  阅读(149)  评论(0)    收藏  举报