第2章 JP动态网页设计基础.ppt

比如要表示个人简历，用HTML的表示方式如下（文件名resume.html）： html body table width=400 border=1 bordercolor=#336666 tr th姓名/thth性别 /thth出生日期/thth专业/th /tr tr td张三/tdtd男/tdtd1991.8.12/tdtd软件开发/td /tr /table /body /html 灼朝沫台吾薯悠尸藩蘑妈晌去获线冕屠毖狡扳信鼻皖匣蔑譬葵憾县潘羊华第2章 JP动态网页设计基础第2章 JP动态网页设计基础 上述html文件无法从标签th、td等得知其内容表示什么，如果用XML，相应的文档（文件名resume.xml）就可以写成如下形式： ?xml version=1.0 encoding=gb2312? ?xml:stylesheet type=text/xsl href=resume.xsl? resume name张三/name sex男/sex birthday1991.8.12/birthday major软件开发/major /resume 这里，version规定了XML文档的版本，encoding规定了XML文档的编码类型，此处取值gb2312表示简体中文。对比两个例子，使用XML可以做到自定义标签，用标签表明内容的含义。这就为在网络上交流资料时用计算机处理文档提供了极大的方便，也增加了源文件的可读性。 庚吃井想差辅痰坞孩菌称昏岔顽抑淫殆哥透粤碴爸尾淖宴奉美阻丝抡溃招第2章 JP动态网页设计基础第2章 JP动态网页设计基础 当然resume.xml能以表格形式运行的前提是必须自定义好形式，定义其显示形式的文件如下（文件名resume.xsl，在xml文件的第二行引入了该xsl文件）： ?xml version=1.0 encoding=GB2312? html xmlns:xsl=/TR/WD-xsl body xsl:for-each select=resume table width=400 border=1 bordercolor=#336666 tr th姓名/thth性别/thth生日/thth专业/th /tr tr tdxsl:value-of select=name//td tdxsl:value-of select=sex//td tdxsl:value-of select=birthday//td tdxsl:value-of select=major//td /tr /table /xsl:for-each /body /html 只族啊并常涌夸棒集元兢灵涨财温裕研韧稿骑瞬掏拎傈甲汉达跌汛奄辙规第2章 JP动态网页设计基础第2章 JP动态网页设计基础 XSL之于XML ，就像 CSS 之于 HTML。它是指可扩展样式表语言 (Extensible Stylesheet Language)，这是一种用于以可读格式呈现 XML 数据的语言。有了resume.xsl定义显示形式，文件resume.xml在浏览器中显示的形式和resume.xml形式相同（如图2-15所示），不过它给程序员提供了更大的灵活性，也更易于数据交换。 图2-15 浏览xml文件 打皿从俗签啦见胶砖巢崔浴距伞扎婴正菊赣谊脏刷龙润艺瑞钎伤痔纳脏受第2章 JP动态网页设计基础第2章 JP动态网页设计基础 2. XHTML 可扩展超文本标记语言（eXtensible HyperText Markup Language，XHTML），与超HTML类似，不过语法上更加严格。HTML语法要求比较松散，这样对网页编写者来说比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生了由DTD定义规则，语法要求更加严格的XHTML， XHTML 1.0在2000年1月26日成为W3C的推荐标准。当然，HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，HTML5在语法上与XHTML一样追求严谨。 和CSS（Cascading Style Sheets，层叠式样式表）结合后，XHTML能发挥真正的威力；这在实现样式和内容分离的同时，又能有机地组合网页代码，在另外的单独文件中，还可以混合各种XML应用。 该估情菜辜蝗瞩侨茶盗饯迈谨孺比佣哎笑袒哗茂然蔚忙萤井爬话岳总犊另第2章 JP动态网页设计基础第2章 JP动态网页设计基础 从HTML到XHTML过渡的变化比较小，主要是