室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

告别html,迎来xhtml

[日期:2010-03-03]   来源:主流技术阁  作者:主流技术阁   阅读:929[字体: ]

  今天碰见以前的一个学员,他聊到对于以前学习html有些后悔,觉得以前浪费了些时间。我告诉他,大可不必觉得浪费,虽然我尽管建议现在刚开始学习网页设计的朋友可以直接学习xhtml,但现在的朋友要真正学习起来,肯定还是需要时间的,一切都是从零开始,但你就不同了,虽然xhtml是升级了,但基础是一样的,xhtml只是在html的基础上做了一些改进,使得更严谨而准确。现在的技术都在不断完善和更新,有基础学习起来肯定会更轻松,更快,因为起点就比新学员高。

  哈哈,不废话了,就此话题,主流技术阁将其详细知识点进行了整理和总结,供大家使用。

  一、什么是HTML
  html是超文本链接语言的缩写(HyperText Markup Language的缩写)。简单来说html是一种网页语言,我们用它做网页,而且它学习起来很简
单。

  二、什么是xhtml
  XHTML(EXtensible HyperText Markup Language的缩写,扩展超文本链接语言)其实就是严谨而准确的HTML,是HTML的升级版。
  事实上它也属于HTML家族,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。由于某些需要,XHTML将以前版本的HTML
能够实现的一些功能交给了CSS,这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。
  它是一个W3C标准,用它制作的网页能让更多的浏览器正确的接受并准确显示出来,而且xhtml把许多样式的体现方式交给了CSS,真正做到了结
构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。

  三、xhtml和html的主要区别
  XHTML元素必须被正确地嵌套。XHTML元素必须被关闭。标签名必须用小写字母。XHTML文档必须拥有根元素。
  xhtml比 html语法要求更严格,主要体现在以下几个方面:
  1、属性名必须小写:如<span class=”aa”>中,class不能写成CLASS 或Class
  2、属性值必须使用双引号:如<div id=”main”>不能写成<div id=main>
  3、不允许使用属性简写:<input checked=”checked”>不能写成<input checked> <option selected=”selected”> 不能写成<option
selected>
  4、使用id替代name:xhtml规范提出使用 id 作为统一的名称标记。
  5、必须使用结束标签:页面中有开始标签,就必须有结束标签。 如:<div></div>、<p></p>、 <img src=”” />、 <br />等等。而在HTML
的P、BR等标签是可以没有结束标签的。
  xhtml和html仅一个字母之差,但它们的确有着本质上的区别。

  四、学习XHTML的基础和方法
  学习XHTML不需要任何基础,相反,XHTML是学习学多其他知识的必要基础。阅读XHTML教程以及其中的实例当然是学习XHTML的好办法,但是仅
仅如此是绝对不够的。在学习的过程中,你可以找一些你以前比较喜欢浏览的站点,看看他们在实际的网站设计过程中是如何使用XHTML的。你只需要点击浏览器工具栏上的“查看”按钮,再选择“查看源文件”,就可以看到该页的代码。

  五、XHTML共有以下几个版本:
  到现在为止,XHTML XHTML共有五个版本: 1.0 Transitional (过渡版) ,XHTML 1.0 Strict (严格版) ,XHTML 1.0 Frameset (框架版) ,
XHTML 1.1 ,XHTML 2.0。
  从Dreamweaver 8开始,默认生成的网页即为xhtml格式,这样就能更好的符合web标准。

  六、关于XHTML的效验
  首先进入:http://validator.w3.org/,该页面就是一个XHTML效验工具,它用来检验我们制作的网页是否符合XHTML的标准。您可以选择用网
址效验,也可以上传文件效验。
  XHTML中的<head>部分是做什么的呢?其实在<head>部分我么可以加入许多浏览器可以“看得见”的信息。下面介绍一些head部分常用的标签。
  这些标签与属性大多数难于记忆,事实上在我们在使用网页制作软件创建网页的时候它们会自动生成。我们的目的是能够了解这些标签的含义
,以在必要的时候可以做一些手工的修改。
  什么是DTD文件呢?简单的说它就是在任何人(多数情况下是类似浏览器的软件)想要读取我们的文件之前告诉他我们文件是遵照哪一套规则来
写的。以检验过程为例子,如果我们使用HTML4.01的DTD呢,效验器就会认为我们是使用的HTML4.01的规则编写的网页,然后按照相应的规则来一行一行的检验我们的代码,最终返回检验结果。我们制作的网页是使用XHTML的规则,当然要使用XHTML的DTD。
  至于head部分我们了解一下就行,知道不能删除,新建文件时系统会自动生成,在实际应用中还可以根据需要添加内容。

主流技术阁PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程