╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → AJAX XML SGML XHTML DHTML等等概念


  共有24425人关注过本帖树形打印复制链接

主题:AJAX XML SGML XHTML DHTML等等概念

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
AJAX XML SGML XHTML DHTML等等概念  发帖心情 Post By:2010/8/10 10:43:58 [只看该作者]

现在的术语,概念可谓繁多,列举一二:

xaml
XML
FLEX
AFLAX
AJAX
异步JavaScript
MVC架构
XMLHttpRequest
DOM
XSLT

XHTML
DHTML
SGML
GML



  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2010/8/10 10:45:55 [只看该作者]

ajax:

百科名片

读音:e:j^ks 。AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。

[异步JavaScript:
Asynchronous(异步)JavaScript+XML即为AJAX,是最近挺火的一个“老技术”。实现了在不提交表单的前提下,与数据库信息间的交互,即验证某些页面信息是在“后台”实现,在这个验证的过程中,不影响你在前台的任何操作,这就是所谓的异步。比如,在注册用户信息时,用户名不能重复,则需要将输入的信息与数据库已有的信息相比较,然后反馈信息。而AJAX就可以实现这一功能的技术。
------------
说白了就是有一个xmlhttprequest对象和后台交互,所谓的异步,就是页面上不刷新,客户可以继续做别的事情。]



AJAX开发与传统的CS开发有很大的不同。这些不同引入了新的编程问题,最大的问题在于易用性。由于AJAX依赖浏览器的JavaScript和XML,浏览器的兼容性和支持的标准也变得和JavaScript的运行时性能一样重要了。这些问题中的大部分来源于浏览器、服务器和技术的组合,因此必须理解如何才能最好的使用这些技术。


综合各种变化的技术和强耦合的客户服务端环境,AJAX提出了一种新的开发方式。AJAX开发人员必须理解传统的MVC架构,这限制了应用层次之间的边界。同时,开发人员还需要考虑CS环境的外部和使用AJAX技术来重定型MVC边界。最重要的是,AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。一旦UI设计与服务架构之间的范围被严格区分开来后,开发人员就需要更新和变化的技术集合了。


[
MVC是 Model-View-Controller,分成了控制器、视图、实体三个部分,控制器完成页面逻辑,通过实体来与界面层完成通话;而C层直接与三层中的BLL进行对话。 


MVC英文即Model-View-Controller,即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层。

虽然说 MVC 三层架构
  实际上是7层
三层参照:http://baike.baidu.com/view/739359.htm
“三层结构”一词中的“三层”是指:“表现层”、“中间业务层”、“数据访问层”。
其中:
表现层:位于最外层(最上层),离用户最近。用于显示数据和接收用户输入的数据,为用户提供一种交互式操作的界面。

中间业务层:负责处理用户输入的信息,或者是将这些信息发送给数据访问层进行保存,或者是调用数据访问层中的函数再次读
出这些数据.中间业务层也可以包括一些对“商业逻辑”描述代码在里面。

数据访问层:仅实现对数据的保存和读取操作。数据访问,可以访问数据库系统、二进制文件、文本文档或是XML文档。]


几种工具和技术

  随着AJAX迅速地引人注目起来,我想开发人员对这种技术的期待也迅速地增加。就像任何新技术,AJAX的兴旺也需要一整个开发工具/编程语言及相关技术系统来支撑。

  JavaScript

  如名字所示,AJAX的概念中最重要而最易被忽视的是它也是一种JavaScript编程语言。JavaScript是一种粘合剂使AJAX应用的各部分集成在一起。在AJAX中JavaScript主要被用来传递用户界面上的数据到服务端并返回结果。XMLHttpRequest对象用来响应通过HTTP传递的数据,一旦数据返回到客户端就可以立刻使用DOM将数据放到网面上。

XMLHttpRequest

  XMLHttpRequest对象在大部分浏览器上已经实现而且拥有一个简单的接口允许数据从客户端传递到服务端,但并不会打断用户当前的操作。使用XMLHttpRequest传送的数据可以是任何格式,虽然从名字上建议是XML格式的数据。

  开发人员应该已经熟悉了许多其他XML相关的技术。XPath可以访问XML文档中的数据,但理解XML DOM是必须的。类似的,XSLT是最简单而快速的从XML数据生成HTML或XML的方式。许多开发人员已经熟悉Xpath和XSLT,因此AJAX选择XML作为数据交换格式是有意义的。XSLT可以被用在客户端和服务端,它能够减少大量的用JavaScript编写的应用逻辑。

[
DOM = Document Object Model,
文档对象模型,根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。有1级、2级、3级共3个级别。

DOM Level 1 开始,DOM API 包含了一些接口,用于表示可从 XML 文档中找到的所有不同类型的信息。它还包含使用这些对象所必需的方法和属性。 Level 1 包括对 XML 1.0 和HTML 的支持,每个 HTML 元素被表示为一个接口。它包括用于添加、编辑、移动和读取节点中包含的信息的方法,等
]

AJAX,
几种工具和技术
JavaScript \XMLHttpRequest \CSS\服务器端\开发工具

主要包含了以下几种技术

Ajax(Asynchronous JavaScript + XML)的定义

  基于web标准(standards-based presentation)XHTML+CSS的表示;

  使用 DOM(Document Object Model)进行动态显示及交互;

  使用 XML 和 XSLT 进行数据交换及相关操作;

  使用 XMLHttpRequest 进行异步数据查询、检索;

  使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)。

  类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。

  AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:MozillaFirefoxInternet ExplorerOperaKonquerorSafari。但是Opera不支持XSL格式对象,也不支持XSLT。

[
XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言。

  XPath 是一种用于在 XML 文档中进行导航的语言。
XSLT 使用 XPath 在 XML 文档中查找信息。]

 使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。
对应用Ajax最主要的批评就是,它可能破坏浏览器后退按钮的正常行为。在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。

[此贴子已经被作者于2010-8-10 17:16:43编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2010/8/10 15:09:59 [只看该作者]

XML(Extensible Markup Language)即可扩展标记语言,它与HTML一样,都是SGML(Standard Generalized Markup Language,标准通用标记语言)。Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具。扩展标记语言XML是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然XML占用的空间比二进制数据要占用更多的空间,但XML极其简单易于掌握和使用。

XML实例
<?xml version="1.0" encoding="ISO-8859-1"?>
  <bookstore>
  <book catalog="Programming">
  <title lang="en">C++ Programming Language</title>
  <author>Bjarne Stroustrup</author>
  <year>1998</year>
  <price>98.0</price>
  </book>
  <book catalog="Networking">
  <title lang="en">TCP/IP Illustrated</title>
  <author>Richard Stevens</author>
  <year>1996</year>
  <price>56.0</price>
  </book>
  </bookstore>

XML与Access,OracleSQL Server等数据库不同,数据库提供了更强有力的数据存储和分析能力,例如:数据索引、排序、查找、相关一致性等,XML仅仅是展示数据。

XML与HTML的设计区别是:XML是用来存储数据的,重在数据本身。而HTML是用来定义数据的,重在数据的显示模式。

(先有的SGML,再有的XML吧?)为了使得SGML显得用户友好,XML重新定义了SGML的一些内部值和参数,去掉了大量的很少用到的功能,这些繁杂的功能使得SGML在设计网站时显得复杂化。XML保留了SGML的结构化功能,这样就使得网站设计者可以定义自己的文档类型,XML同时也推出一种新型文档类型,使得开发者也可以不必定义文档类型。

XML是从1996年开始有其雏形,并向 W3C(全球信息网联盟)提案,而在1998二月发布为W3C的标准(XML1.0)。

XML的前身是SGML(The Standard Generalized Markup Language),是自IBM从60年代就开始发展的 GML(Generalized Markup Language)标准化后的名称。

ANSI将GML加以整理规范,发布成为SGML,于是,人们对SGML进行了简化衍生出 HTML ,

(省去部分)
为了解决以上问题,专家们使用SGML精简制作,并依照HTML的发展经验,产生出一套使用上规则严谨,但是简单的描述数据语言:XML。

XML去掉了之前令许多开发人员头疼的SGML的随意语法。在XML中,采用了如下的语法:
  1 任何的起始标签都必须有一个结束标签。
  2 可以采用另一种简化语法,可以在一个标签中同时表示起始和结束标签。这种语法是在大于符号之前紧跟一个斜线(/),例如<tag />。XML解析器会将其翻译成<tag></tag>。
  3 标签必须按合适的顺序进行嵌套,所以结束标签必须按镜像顺序匹配起始标签,例如this is a sample string。这好比是将起始和结束标签看作是数学中的左右括号:在没有关闭所有的内部括号之前,是不能关闭外面的括号的。
  4 所有的特性都必须有值。
  5 所有的特性都必须在值的周围加上双引号。
  这些规则使得开发一个XML解析器要简便得多,而且也除去了解析SGML中花在判断何时何地应用那些奇怪语法规则上的工作。仅仅在XML出现后的前六年就衍生出多种不同的语言,包括MathML、SVGRDFRSSSOAPXSLTXSL-FO,而同时也将HTML改进为XHTML
  如果需要关于SGML和XML具体技术上的对比,请查看W3C的注解,位于:http:///TR/NOTE-sgml-xml.html
  如今,XML已经是世界上发展最快的技术之一。它的主要目的是使用文本以结构化的方式来表示数据。在某些方面,XML文件也类似于数据库,提供数据的结构化视图。

XML文档的解析方式
  当前有两种解析方式: dtd (文档类型定义)和schema ( XML 模式)

注释

 有些时候,希望在XML文档中加入一些用做解释的字符数据,并且希望XML处理器不对他们进行任何处理。这种类型的文本称作注释文本。在XML中,注释的方法与HTML完全相同,使用"<!--"和"-->"将注释文本括起来,注释还有以下规定:
  ·注释不能被嵌套;
  ·在注释文本中不能出现字符"-"或"—";
  ·不要把注释文本放在标记之中,同样不要把注释文本放在实体声明之前或实体声明中。

处理指令PI

 处理指令是用来给处理XML文档的应用程序提供信息的,XML解析器把这些信息原封不动地传给应用程序,由应用程序来解释这个指令,遵照它所提供的信息进行处理。处理指令应该遵循下面的格式:
  <? 处理指令名 处理指令信息?>
  下面是一个例子,它是描述辞典信息的XML文档:
  <?xml version="1.0"encoding="UTF-8" standal?>
  <?xml-stylesheet type="text/xsl"href="mystyle.xsl"?>
  <辞典>
  <词条>
  <词目>XML</词目>
  <解释>XML是一种可扩标记语言,它可用以规定新的标记规则,并根据这个规则组织数据。</解释>
  <示例>
  <!--XML示例>
  <![CDATA[
  <商品>
  <类型>食品类</类型>
  <价格>80元</价格>
  </商品>
  ]]>
  </示例>
  </词条>
  </辞典>
  其中的内容,
  <!--XML示例>
  <![CDATA[
  <商品>
  <类型>食品类</类型>
  <价格>80元</价格>
  </商品>
  ]]>
  即为PI部分。
[此贴子已经被作者于2010-8-10 16:39:33编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2010/8/11 11:57:12 [只看该作者]

 DHTML是Dynamic HTML的简称,就是动态的html,是相对传统的静态的html而言的一种制作网页的概念。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。

DHTML 不是 W3C 标准
DHTML 指动态 HTML(Dynamic HTML)。

  DHTML 不是由万维网联盟(W3C)规定的标准。DHTML 是一个营销术语 - 被网景公司(Netscape)和微软公司用来描述 4.x 代浏览器应当支持的新技术。

  DHTML 是一种用来创建动态站点的技术组合物。

  对大多数人来说,DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。

  W3C 曾讲过:“动态HTML是一个被某些厂商用来描述可使文档动态性更强的HTML、样式表以及脚本的结合物的术语。”

  DHTML 技术

  通过 DHTML,Web 开发者可控制如何在浏览器窗口中显示和定位 HTML 元素。

  HTML 4.0

  通过 HTML 4.0,所有的格式化(信息)可移出HTML文档,并写入一个独立的样式表中。因为 HTML 4.0 可以把文档的表现从其结构中分离,我们可以在不搞乱文档内容的情况下完全地控制表现层。

  层叠样式表(CSS)

  通过 CSS,我们得到了一种用于 HTML 文档的样式和布局模型。

  由于 CSS 使开发者有能力同时控制多个网页的样式和布局,CSS 可以称作 Web 设计领域的一个突破。作为开发者,您可以为每个 HTML 元素定义样式,并把它应用到您希望的任意多的页面上。如果需要做一个全局的改变,只需简单地改变样式,Web 中所有的元素都会被自动地更新。

  文档对象模型(DOM)

  DOM 指文档对象模型。

  HTML DOM 是针对 HTML 的文档对象模型。

  HTML DOM 定义了针对 HTML 的一套标准的对象,以及访问和处理 HTML 对象的标准方法。

  “W3C 文档对象模型(DOM)是一个中立于语言和平台的接口,它允许程序和脚本动态地访问和更新文档的内容、结构以及样式”。

  JavaScript

  使您有能力编写可控制所有 HTML 元素的代码。

  在 Netscape 4.x 以及 Internet Explorer 4.x 的 DHTML 技术

  Netscape 4.x 跨浏览器 DHTML Internet Explorer 4.x

  JSS(JavaScript 样式表)(允许您控制不同的 HTML 元素如何显示)

  Layers(允许您控制元素的定位和可见性)

  CSS1

  CSS2(允许您控制不同的 HTML 元素如何显示)

  CSS Positioning (允许您控制元素的定位和可见性)

  JavaScript

  可视滤镜(允许您向文本和图形应用可视效果)

  动态 CSS(允许您控制元素的定位和可见性)

[此贴子已经被作者于2010-8-11 13:57:12编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2010/9/14 17:22:31 [只看该作者]

XML几点感觉

如果XML是三层结构就是:
<site>
 <root>
  <list>
...
  </list>
 </root>
</site>

site算是顶层结构,一个XML里只有一个顶层,就是不允许出现这样的状态

<site>
 <root>
  <list>
...
  </list>
 </root>
</site>

<kk>
 <root>
  <list>
...
  </list>
 </root>
</kk>

如果数据有多条的话,那就是最底层的重复,就是List层
比如有2条的话就是
<site>
 <root>
  <list>
...
  </list>
 <list>
...
  </list>
 </root>
</site>


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部
美女呀,离线,留言给我吧!
admin
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2012/1/9 11:24:51 [只看该作者]

XHTML
可扩展超文本置标语言(eXtensible HyperText Markup Language,XHTML),是一种置标语言,表现方式与超文本置标语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HTML是一种基于标准通用置标语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展置标语言(XML),XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。

XHTML形成背景


XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。
  2000年底,国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,XHTML 是更严谨更纯净的 HTML 版本。它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用(即通常所说的CSS+DIV)。

概述

  XHTML是当前HTML版的继承者。HTML语法要求比较松散,这样对网页编写者来说,比较方便,但对于机器来说,语言的语法越松散,处理起来就越困难,对于传统的计算机来说,还有能力兼容松散语法,但对于许多其他设备,比如手机,难度就比较大。因此产生了由DTD定义规则,语法要求更加严格的XHTML。
  大部分常见的浏览器都可以正确地解析XHTML,即使老一点的浏览器,XHTML作为HTML的一个子集,许多也可以解析。也就是说,几乎所有的网页浏览器在正确解析HTML的同时,可兼容XHTML。当然,从HTML完全转移到XHTML,还需要一个过程。
  跟CSS(Cascading Style Sheets,层叠式样式表)结合后,XHTML能发挥真正的威力;这使实现样式跟内容的分离的同时,又能有机地组合网页代码,在另外的单独文件中,还可以混合各种XML应用,比如MathMLSVG
  从HTML到XHTML过渡的变化比较小,主要是为了适应XML。最大的变化在于文档必须是良构的,所有标签必须闭合,也就是说开始标签要有相应的结束标签。另外,XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统,很多人都是将标签大写,这点两者的差异显著。在XHTML中,所有的参数值,包括数字,必须用双引号括起来(而在SGML和 HTML中,引号不是必须的,当内容只是数字、字母及其它允许的特殊字符时,可以不用引号)。所有元素,包括空元素,比如img、br等,也都必须闭合,实现的方式是在开始标签末尾加入斜扛,比如<code><nowiki><img … /></nowiki></code> 、<code><nowiki>
  </nowiki></code>。省略参数,比如<code><nowiki><option selected></nowiki></code>,也不允许,必须用<code><nowiki><option selected="selected"/></nowiki></code>。两者的详细差别,可通过[http: //www.w3.org/TR/xhtml1/#diffs W3C XHTML说明]来查阅。

什么是XHTML?

  XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language)。
  XHTML 的目标是取代 HTML。
  XHTML 与 HTML 4.01 几乎是相同的。
  XHTML 是更严格更纯净的 HTML 版本。
  XHTML 是作为一种 XML 应用被重新定义的 HTML。
  XHTML 是一个 W3C 标准。
  * XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言.
  * XHTML语言是一种标记语言,它不需要编译,可以直接由浏览器执行.
  * XHTML是用来代替HTML的, 是2000年w3c公布发行的.
  * XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.
  * XHTML是基于XML的应用.
  * XHTML更简洁更严紧.
  * XHTML也可以说就是HTML一个升级版本.(w3c描述它为'HTML 4.01')
  * 除此之外XHTML和HTML基本相同.
  * 参见:w3c的XHTML与HTML常见问题.http://www.w3.org/MarkUp/2004/xhtml-faq
  * 在w3c(www.w3.org)网站上校验XHTML的正确性http://validator.w3.org/
  * XHTML是大小写敏感的,XHTML与xhtml是不一样的.标准的XHTML标签应该使用小写.

有效的XHTML文件

  一个符合XHTML标准的文件即可称为有效. 此可以确保XHTML文件代码的协调, 亦能令文件的更容易被处理, 而不需确保各种浏览器编译的一致性。而W3C验证服务则可以验证文件是否有效。而实际上, 很多网站开发工具(例如Dreamweaver)都支援以W3C标准验证文件。

语法

  XHTML语言必须符合XML的格式,例如
  Attribute names must be in lower case
  属性名称必须为小写
  This is wrong:
  这是错误的:
  <table WIDTH="100%">
  This is correct:
  这是正确的:
  <table width="100%">
  Attribute values must be quoted
  属性值使用双引号
  This is wrong:
  这是错误的:
  <table width=100%>
  This is correct:
  这是正确的:
  <table width="100%">
  Attribute minimization is forbidden
  属性简写是不允许的
  This is wrong:
  这是错误的:
  <input checked> <input readonly> <input disabled> <option selected> <frame noresize>
  This is correct:
  正确的是这样:
  <input checked="checked" /> <input read /> <input disabled="disabled" /> <option selected="selected" /> <frame noresize="noresize" />
  The id attribute replaces the name attribute
  用id属性来替代name属性
  This is wrong:
  这是错误的:
  <img src="picture.gif" name="picture1" />
  This is correct:
  这是正确的:
  <img src="picture.gif" id="picture1" />
  注意:为了版本比较低的浏览器,你应该同时使用name和id属性,并使它们两个的值相同的,像这样:
  <img src="picture.gif" id="picture1" name="picture1" />
  这是在HTML中简写的属性和其在XHTML中应该怎样书写的列表:
  HTML XHTML
  compact compact="compact"
  checked checked="checked"
  declare declare="declare"
  readonly read
  disabled disabled="disabled"
  selected selected="selected"
  defer defer="defer"
  ismap ismap="ismap"
  nohref nohref="nohref"
  noshade noshade="noshade"
  nowrap nowrap="nowrap"
  multiple multiple="multiple"
  noresize noresize="noresize"
  这些做法的目的,是使一个XHTML网页能够被网页浏览器正确及较快地编译
[此贴子已经被作者于2012-1-9 11:30:13编辑过]


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部
美女呀,离线,留言给我吧!
admin
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By:2012/1/9 11:25:11 [只看该作者]

XHTML相比于HTML

  1.所有的标记都必须要有一个相应的结束标记
  以前在HTML中,你可以打开许多标签,例如和<li>而不一定写对应的和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
  <img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />
  2.所有标签的元素和属性的名字都必须使用小写
  与HTML不一样,XHTML对大小写是敏感的,<title> 和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
  3.所有的XML标记都必须合理嵌套
  同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
  <p><b></p></b> 
  必须修改为:<p><b></b></p>
  就是说,一层一层的嵌套必须是严格对称。
  4.所有的属性必须用引号""括起来
  在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:
  <height=80>
  必须修改为:
  <height="80">
  特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用&apos;,例如:
  <alt="say&apos;hello&apos;">
  5.把所有<和&特殊符号用编码表示
  任何小于号(<),不是标签的一部分,都必须被编码为& l t ;
  任何大于号(>),不是标签的一部分,都必须被编码为& g t ;
  任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
  注:以上字符之间无空格。
  6.给所有属性赋一个值
  XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:
  <input type="checkbox" name="shirt" value="medium" checked>
  必须修改为:
  <input type="checkbox" name="shirt" value="medium" checked="checked">
  7.不要在注释内容中使“--”
  “--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
  <!--这里是注释-----------这里是注释-->
  用等号或者空格替换内部的虚线。
  <!--这里是注释============这里是注释-->
  以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。
  8.图片必须有说明文字
  每个图片标签都必须有ALT说明文字。
  <img src="ball.jpg" alt="large red ball" title="large red ball"/> //为了兼容火狐和IE浏览器,对于图片标签,尽量采用 alt和title双标签,单纯的alt标签在火狐下没有图片说明!

XHTML的现行规范

  1. XHTML 1.0 Transitional - 过渡型,标识语法要求较宽松
  <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
  2. XHTML 1.0 Strict - 严格型,标识要求达到以上XHTML相比于HTML的所有改动
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  要求严格的DTD,你不能使用任何表现层的标识和属性,例如
  。
  3. XHTML 1.0 Frameset - 框架集定义
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD
  4. XHTML 1.1 - 模块化的XHTML
  5. XHTML 2.0 - 完全模块化可定制化的XHTML,正在开发中,参考http://w3.org/

W3C释义

  W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee。 W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员(大约500名会员)包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力在万维网发展方向上达成共识。

XHTML总结

  XHTML是“3种HTML 4文件根据XML 1.0标准重组”而成的。 而W3C亦继续维持建议使用HTML4.01和积极地研究HTML5及XHTML的计划。 于2002年8月发表的XHTML 1.0 的建议中,W3C指出XHTML家族将会是Internet的新阶段。而转换使用XHTML可以令开发人员接触XML和其好处,并可以确保以XHTML开发的网页于未来的相容性。
  HTML语法要求比较松散,这样对网页编写者来说,比较方便,但对于机器来说,语言的语法越松散,处理起来就越困难,对于传统的电脑来说,还有能力兼容松散语法,但对于许多其他设备,比如手机,难度就比较大。因此产生了由DTD定义规则,语法要求更加严格的XHTML。
  大部分常见的浏览器都可以正确地解析XHTML,即使老一点的浏览器,XHTML作为HTML的一个子集,许多也可以解析。也就是说,几乎所有的网页浏览器在正确解析HTML的同时,可兼容XHTML。当然,从HTML完全转移到XHTML,还需要一些过程。
  跟CSS(Cascading Style Sheets,层叠式样式表)结合后,XHTML能发挥真正的威力;这使实现样式跟内容的分离的同时,又能有机地组合网页代码,在另外的单独文件中,还可以混合各种XML应用,比如MathML、SVG。
  从HTML到XHTML过渡的变化比较小,主要是为了适应XML。最大的变化在于文档必须是良构的,所有标签必须闭合,也就是说开始标签要有相应的结束标签。另外,XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统,很多人都是将标签大写,这点两者的差异显著。在XHTML中,所有的参数值,包括数字,必须用双引号括起来(而在SGML和HTML 中,引号不是必须的,当内容只是数字、字母及其它允许的特殊字符时,可以不用引号)。所有元素,包括空元素,比如img、br等,也都必须闭合,实现的方式是在开始标签末尾加入斜扛,比如<img … /> 、<br />。省略参数,比如<option selected>,也不允许,必须用<option selected="selected">。两者的详细差别,可通过W3C XHTML说明来查阅。

http://baike.baidu.com/view/15906.htm
[此贴子已经被作者于2012-1-9 11:43:07编辑过]


  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部