HTML&CSS基础-文档声明

　　　　　　　　　　　　　　　　HTML&CSS基础-文档声明

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

 

一.HTML的发展

　　1993年6月:
　　　　HTML第一个版本

　　1995年11月：
　　　　HTML2.0

　　1997年1月:
　　　　HTML3.2(W3C推荐)

　　1999年12月:
　　　　HTML4.01(W3C推荐)

　　2000年底:
　　　　XHTML1.0(W3C推荐),该版本是吸收了XML的一些标准，想让用户过渡到XML相关语法的特性，可惜官网并没有实现自己的期望，于是在2014年H5发布。

　　2014年10月:
　　　　HTML5(W3C推荐)

 

二.doctype

　　HTML总共有那么多版本，而且这其中至少有三个版本(HTML4.0.1,XHTML,HTML5)在广泛使用，那么浏览器怎么知道我们在使用哪个版本呢?

　　为了让浏览器知道我们使用的HTML版本，我们还需要在网页的最上边添加一个doctype声明，来告诉浏览器网页的版本。

1>.html4

过渡版:
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

严格版:
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

框架集:
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

2>.xhtml1.0

过渡版:
　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格版:
　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架集:
　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

3>.html5

我们会发现html4.01和xhtml的文档声明十分的麻烦。不过不用担心，以上的内容都不是我们使用的，我们使用的是html5的文档声明，而且非常简单,如下所示:
　　<!DOCTYPE html>

 

三.编写源代码

<!-- 
    H5的文档声明，声明当前的网页是按照HTML5标准编写的，编写网页时一定要将h5的文档声明写在网页的最上边。
    如果不写文档声明，则会导致有些浏览器进入怪异模式，进入怪异模式以后，浏览器解析页面会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明。
-->
<!DOCTYPE html>
<html>
    <head>
 
        <title>网页的标题</title>
    <head>
        
    <body>
        <h1>这是我的<font color="red" size="7">第一个</font>网页</h1>
    </body>
</html>

 

四.以上代码在浏览器渲染结果如下图所示

 

 

posted @ 2016-11-11 18:12  尹正杰  阅读(1789)  评论(0)  编辑  收藏  举报