zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    托词坚持了170多天,昨天因为晚上打球竟然给忘了
    2013转眼间半年过去了,回顾一下。也看一下计划的实施情况以及下半年的计划
    开始新的板子PCB绘制了。
    致时代前行者:致敬每一个奔腾不息的心灵(转)
    刚才看了年初的计划,增加一部分内容
    五种男人
    哪些行业会用到乐泰胶水?
    第一个python小程序
    一个简单的IPmsg程序源码分析(一)
    关于linux下面printf函数缓冲区问题
  • 原文地址:https://www.cnblogs.com/yinzhengjie/p/6055242.html
Copyright © 2011-2022 走看看