dhtml、html、html5、xml、xhtml的区别

       刚接触这几个概念的时候,会傻傻分不清楚,觉得它们之间好像好像啊,是耙耙麻麻还是同胞兄妹的联系呢。所以在这里我要一探究竟,也希望真的能帮助到更多的人。

=================================================================

dhtml

         DHTML是Dynamic html的简称,就是动态的html的意思,是相对传统的静态的html而言的一种制作网页的概念。

        可以把它简单地理解为:dhtml=html+css+javascript的集成。

       利用dhtml,网页设计者可以设计出与用户动态交互的页面,包括设计页面结构,排版修改页面样式,动态制作交互等等,可见,dhtml技术是一种非常实用的网页设计技术。

       我们要注意的几点就是:DHTML 不是 W3C 标准,它是是一种用来创建动态站点的技术组合物,被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应当支持的新技术。



html

       HyperText Markup Language,超文本标记语言。

      “超文本”就是指页面中可以包含图片、链接、音乐、视频等非纯文字元素。显然可知,静态文本就是页面只包含文字元素。

      HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分,html的结构包括头部(head)和主体(body)两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容。通过标记符号,可以呈现出一个网站整体的架构部分。

      通俗易懂地来讲就是,现在我们上网看到的网页就是html。html编程就是对你看到的这个网页进行代码实现。当我们打开一个网页并查看它的源代码时,呈现的就是html编程技术。

      我们要注意的几点就是:

    1.html不是一种编程语言,而是一种标记语言;

   2.html是使用标记标签来描述网页的。

html5

      提到html,肯定会自然而然地想要知道html5是什么。html5是对html标准的第5次修订,其主要的目标就是更好地实现网页语义化效果,让页面结构更加规整,方便人类和机器阅读。就算网页样式或脚本语言失效,那么页面给用户呈现的感觉还是结构清晰,内容可观的。

         HTML5提供了新的语义元素来明确一个Web页面的不同部分:

  <header >    //头部,表示页面中一个内容区块或整个页面的标题。

  <nav >         //表示页面中导航链接的部分。

  <section >   //表示页面中的一个内容块。

  <article >     //表示页面中一块与上下文不相关的独立内容。比如一篇文章。

  <aside >      //表示article元素内容之外的、与article元素内容相关的辅助信息。

  < figure >    //表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。

  <footer >    //表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

    另外,html5还新增了一些多媒体元素,如:

      1.video元素:定义视频。像电影片段或其他视频流。

      2.audio元素:定义音频。如音乐或其他音频流。

     3.canvas元素:定义图形,比如图表和其他图像。注意:<canvas>元素只是图形容器(画布),必须使用脚本来绘制图形。

    说到html5的好处,就太多了,这里我只说一些自己受益匪浅的地方:

      1.对移动端的开发很友好,对于开发者来说,html5技术跨平台,适配多终端;

     2.对搜索引擎来讲,新增的页面语义化元素,让搜索引擎更容易抓取网页信息,这样你的网站排行榜会较为提前;

     3.html5新增的多媒体元素,可以很方便地在网上插入音频视频等元素,网页加载的时候也不容易卡住。


xml      

        Extensible Markup Language,可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。

       在电子计算机中,标记指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种的信息比如文章等。它可以用来

标记数据、定义数据类型,是一种允许用户对自己的标记语言进行自定义的源语言。

       xml是一种很像html的标记语言,但它们之间不能互相替代,区别如下

     1.xml被设计为用来传输和存储数据,其焦点是数据的内容;而html被设计为用来显示数据,其焦点是数据的外观;

     2.html意在显示信息,xml意在传输信息;

     3.html用的标签都是预定义的,比如(<p>  <h1>)等,编写页面时必须要用这些预定义的标签;而xml却没有这些预定义的标签,而是要

靠创作者自己来定义自己的标签和文档结构;

     4.xml不是html的替代,而是它的补充。


xhtml

       Extensible HyperText MarkupLanguage,可扩展超文本标记语言,表现方式和超文本标记语言html类似,但是语法上更加严格。

XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大

功能及大多数HTML的简单特性。

      xhtml严格的语法要求体现在:

    1.所有的标签必须要有闭合,就是有开始标签就必须有结束标签;

    2.所有标签必须小写;

    3.所有的参数值,包括数字,都必须用双引号括起来;

      xhtml是基于xml的应用,但是它主要目的是用来替代html的,可以说xhtml是html的升级版本。

=================================================================

总结不到位之处,希望大家可以指正,互相学习。


猜你喜欢

转载自blog.csdn.net/ariel_201311/article/details/79849779