关注前端开发微信微信号web007007
好的代码像首诗，烂的代码像坨屎
xhtml和html的概念与区别
html是语言的缩写（HyperText Markup Language）。简单来说html是一种网页语言，我们用它做网页，而且它学习起来很简单。
呢？X代表“扩展的”，xhtml就是升级版的html语言，他比html更加严谨纯净，学名叫做扩展语言（EXtensible HyperText Markup Language）。它是一个W3C标准，用它制作的网页能让更多的浏览器正确的接受并准确显示出来，而且xhtml把许多样式的体现方式交给了CSS，真正做到了结构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。
xhtml和html的主要区别
X元素必须被正确地嵌套。
X元素必须被关闭。
标签名必须用小写字母。
X文档必须拥有根元素。
拿例子来解释一下：
1.不正确的嵌套
&p&&strong&一个段落中的粗体字&/p&&/strong&
正确的嵌套应该是这样
&p&&strong&一个段落中的粗体字&/strong&&/p&
2.注意标签关闭状态
&p&&strong&一个段落中的粗体字&/strong&&/p&
一段文字 &br &
一条横线 &hr&
一张图片 &img src=&images.gif& alt=&images&&
正确的关闭应该是这样，连空标签也需要用“/”来关闭
&p&&strong&一个段落中的粗体字&/strong&&/p&
一段文字 &br / &
一条横线 &hr / &
一张图片 &img src=&images.gif& alt=&images& / &
3.错误的大写字母
&BODY&&P&一段话&/P&&/BODY&
正确的应该用小写字母书写，如下：
&body&一段话&/p&&/body&
4.所有的标签和元素都应该嵌套在根元素中，其中的子元素也必须是成对的嵌套在父元素中。
&head& ... &/head&
&body& ... &/body&
&strong&xhtml的学习基础&/strong&
xhtml的学习并不需要很高的基础，如果你已经熟悉html，你甚至可以不用在特别学习xhtml语言，如果你是新手，也完全不用先学习html作为基础，相反，我推荐你跳过html直接学习xhtml语言和css。光看教程和例子是不够的，关键还是要自己多做才能多得。
第一次看这些专业术语可能会有些枯燥、难以理解，不用着急，以后我们将对它们仔细剖析。
本文固定链接:
【上一篇】【下一篇】
您可能还会对这些文章感兴趣！博客访问： 16620
博文数量： 9
博客积分： 360
博客等级： 一等列兵
技术积分： 110
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： Java
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
XHTML产生的原因，一方面是为了和未来的XML大规模的应用接轨，一方面还要兼容目前的数以万计的用HTML编写的网页以及他们的设计者，开发者相兼容，于是便出现了这个东西。以HTML编写的网页中，标记使用有些混乱。由于许多浏览器都有自己的私有标签，而私有标签的大规模应用，就导致了不同浏览器上访问同一个网页的结果不同。举个例子iframe标签，就是IE的私有标签。 而XHTML产生的原因，正是为了统一这种标记使用混乱的局面，浏览器厂商将联合采用"严格的错误防御标准"，如果XML代码不兼容，浏览器将拒绝显示。 这可以说也是对浏览器的一个改变，目前的浏览器，为了最大限度的容错，把网页中的内容，最大限度的显示出来。而改变之后，变成，只要不标准，就不显示。感觉就好像代码编译中的警告信息一样，目前，是忽略有可能导致问题的警告，而将来，将会把警告也作为错误来处理。
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,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 （1）XHTML解决HTML语言所存在的严重制约其发展的问题。HTML发展到今天存在三个主要缺点：不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示HTML；由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML；数据与表现混杂，这样你的页面要改变显示，就必须重新制作HTML。因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML过度的一个桥梁。 （2）XML是web发展的趋势，所以人们急切的希望加入XML的潮流中。XHTML是当前替代HTML4标记语言的标准，使用XHTML 1.0，只要你小心遵守一些简单规则，就可以设计出既适合XML系统，又适合当前大部分HTML浏览器的页面。这个意思就是说，你可以立刻设计使用XML，而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。 （3）使用XHTML的另一个优势是：它非常严密。当前网络上的HTML的糟糕情况让人震惊，早期的浏览器接受私有的HTML标签，所以人们在页面设计完毕后必须使用各种浏览器来检测页面，看是否兼容，往往会有许多莫名其妙的差异，人们不得不修改设计以便适应不同的浏览器。 （4）XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。 （5）XHTML是Web标准家族的一部分，能很好在无线设备等其它用户代理上。 （6）在网站设计方面，XHTML可助你去掉表现层代码的恶习，帮助你养成标记校验来测试页面工作的习惯。&&XHTML特点： 标签要成对使用，小写标签及其属性。独立标签也要使用/>来关闭，例如变成。要保证完整的结构。属性值必须被引用（就是把属性值用双引号括起来），属性缩写被禁用。使用id代替name等等。 --------------- DHTML 其实这个东西更加简单，并不能称作一项新的技术（即使在最初被使用的时候），因为，简单的说： DHTML=HTML+DOM+CSS+Script HTML用来定义网页元素，如段落、表格等。 CSS用来描述元素属性，如大小、颜色、位置等。 脚本语言用来操纵网页元素和浏览器。 DOM是什么呢？ DOM就是浏览器对象模型（Document Object ModleOM）脚本可以通过浏览器对象模型，来对浏览器进行操作。 以一个人来作比喻DHTML，那么HTML就是这个人的肉体，而CSS就是这个人的服装等等修饰，Script就是他的灵魂。 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念。 DHTML大致包含以下网页技术、标准或规范： HTML 4.0 没什么好说的，网页的基础语言标准。 CSSL 注意！不是CSS，是CSSL，它是Clent-Side Scripting Language的缩写，译作“客户端脚本语言”，主要有JavaScript(JS)，VBScript(VBS)，JScript。Netscape主要支持JS，IE主要支持JS，VBS和JScript。 DOM Document Object Model的缩写，译作“文档对象模型”，是W3C日前极力推广的web技术标准之一，它将网页中的内容抽象成对象，每个对象拥有各自的属性(Properties)、方法(Method)和事件(Events)，这些都可以通过上面讲到的CSSL来进行控制。IE和NS的对象模型都是以W3C的公布的DOM为基准，加上自己的Extended Object(扩展对象)来生成的。 CSS 这才是Cascading Style Sheets(层叠样式表单)的缩写，也是在论坛讨论最多的技术规范，它是HTML的辅助设计规范，用来弥补HTML在排版上的所受的限制导致的不足，它是DOM的一部分。理论上说通过CSSL动态地改变CSS属性可以做出任何你想要的页面视觉效果。 所以，简单地说，要实现DHTML，就是以HTML为基础，运用DOM将页面元素对象化，利用CSSL控制这些对象的CSS属性以达到网页的动态视觉效果。 shtml: 问起SHTML和HTML的区别,如果用一句话来解释就是:SHTML 不是HTML而是一种服务器 API,shtml是服务器动态产成的html. 虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。 也就是Server Side Include--SSI 服务器端包含指令。 如果Web Server有SSI功能的话(大多数（尤其是基于Unix平台）的WEB服务器如Netscape Enterprise Server等均支持SSI命令)。 会对shtml文件特殊招待。 先扫一次shtml文件看没有特殊的SSI指令现在。 有就按Web Server设定规则解释SSI指令。 解释完后跟一般html一起掉去客户端。 shtml 使用SSI(Server Side Include)的html文件扩展名，SSI（Server Side Include)，通常称为"服务器端嵌入"或者叫"服务器端包含"，是一种类似于ASP的基于服务器的网页制作技术。 SSI工作原理： 将内容发送到浏览器之前，可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如，可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形，使用包含文件是一种简便的方法。将内容存入一个包含文件中即可，而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件，此语句指示 Web 服务器将内容插入适当网页。而且，使用包含文件时，对内容的所有更改只需在一个地方就能完成。 因为包含 SSI 指令的文件要求特殊处理，所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时，直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令，则同时插入此文件。除了用于包含文件的基本指令之外，还可以使用 SSI 指令插入文件的相关信息（如文件的大小）或者运行应用程序或 shell 命令。 网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中（模板），以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。 所以,利用SHTML格式的页面目的和 ASP 差不多，但是因为是 API 所以运转速度更快，效率更高,比ASP快，比HTML慢，但由于可以使用服务器端包含，因此使页面更新容易（特别是批量更新banner，版权等）,想象一下吧,你有一段 HTML,要在中间穿插一些特殊的服务端脚本,比如插入其他 HTML 段落,你选择 ASP 来完成这个任务,但是如果任务更繁重，需要更多的时间，比如 5 s,这个时候你不用 ASP 而用 SHTML,或许处理时间就只用 4 s 了.
阅读(800) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。&xhtml中：
1.所有的标记都都要闭合&
&&&&所有的标记都要闭合,如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
2.所有标签的元素和属性的名字都必须使用小写&
&h6&close tag &/h6&
&img src="../avg.png" alt=’avg’/&
&br /& 与HTML不一样，XHTML对大小写是敏感的，&title&和&TITLE&是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。
&BODY&必须写成&body& &DIV& 要写成 &div&
3.所有的XML标记都必须合理嵌套&
&p&&b& &/p&&/b& 必须修改为： &p& &b& &/b& &/p& 就是说，一层一层的嵌套必须是严格对称。
4.所有的属性必须用引号（单或双）包括&
在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。
&height=80& 必须修改为： &height="80″&
5.把所有&和&特殊符号用编码表示&
任何小于号（&），不是标签的一部分，都必须被编码为& 任何大于号（&），不是标签的一部分，都必须被编码为& 任何与号（&），不是实体的一部分的，都必须被编码为&
注：以上字符之间无空格。
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" /&
HTML 4.01规范分为：Strict, Transitional, Frameset
&!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 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&
XHTML 1.0规范分为：Strict, Transitional, Frameset
&!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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"&
XHTML 1.1 DTD
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&
XHTML 与 HTML 4.01 标准没有太多的不同，应该马上使用小写字母编写HTML代码，同时绝不要养成忽略标签的习惯。
详情注意点可以参考上面的区别！
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区}