课外阅读

一、XHTML简介

HTML从出现发展到今天,仍有些缺陷和不足。HTML的三个主要缺点如下。

(1)太简单。不能适应现在越来越多的网络设备和应用的需要,比如手机、PDA、信息家电都不能直接显示HTML;

(2)不规范。由于HTML代码的不规范、臃肿,浏览器需要足够智能和庞大才能够正确显示HTML;

(3)数据与表现混杂。当页面要改变显示时,就必须重新制作HTML。

因此HTML需要发展才能解决这些问题,于是W3C又制定了XHTML,XHTML是HTML向XML过渡的一个桥梁。

XHTML(eXtensible HyperText Markup Language,可扩展超文本标记语言)是一种标记语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HTML是一种基于标准通用标记语言(SGML)的应用,是一种非常灵活的标记语言,而XHTML则基于可扩展标记语言(XML),XML是SGML的一个子集。HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

2000年底,国际W3C组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用开发。XHTML是一种增强了的HTML,是更严谨更纯净的 HTML 版本。HTML语法要求比较松散,这样对网页编写者来说比较方便,但对于机器来说,语言的语法越松散,处理起来就越困难,对于传统的计算机来说,还有能力兼容松散语法,但对于许多其他设备,比如手机,难度就比较大。因此产生了由DTD定义规则,语法要求更加严格的XHTML。

大部分常见的浏览器都可以正确地解析XHTML,即使老一点的浏览器,XHTML作为HTML的一个子集,许多也可以解析。也就是说,几乎所有的网页浏览器在正确解析HTML的同时,可兼容XHTML。当然,从HTML完全转移到XHTML,还需要一个过程。

跟CSS结合后,XHTML能发挥真正的威力;实现样式跟内容的分离的同时,又能有机地组合网页代码,在另外的单独文件中,还可以混合各种XML应用。

从HTML到XHTML过渡的变化比较小,主要是为了适应XML。最大的变化在于文档必须是良构的,所有标签必须闭合,也就是说开始标签要有相应的结束标签。另外,XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统,很多人都是将标签大写,这点两者的差异显著。在XHTML中,所有的参数值,包括数字,必须用双引号括起来(而在HTML中,引号不是必须的,当内容只是数字、字母及其它允许的特殊字符时,可以不用引号)。所有元素,包括空元素,比如img、br等,也都必须闭合,实现的方式是在开始标签末尾加入斜扛。

在使用XHTML时需要注意以下几点。

1.所有的标记都必须要有一个相应的结束标记

以前在HTML中,可以写许多单标签,例如写<li>而不一定写对应的</li>来关闭。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个“/”来关闭它。

例如:

<img src ="image/scenery.jpg" alt="风景" width ="360" height ="200"/>

2.所有标签的元素和属性的名字都必须使用小写

与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如,<BODY>必须写成<body>。大小写夹杂也是不被认可的。

3.所有的XML标记都必须合理嵌套

同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:

<p><b></p></b> 

必须修改为:<p><b></b></p>

就是说,一层一层的嵌套必须是严格对称的。

4.所有的属性必须用引号""括起来

在HTML中,可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:

<img src =image/scenery.jpg alt=风景 width=360 height =200>

必须修改为

<img src ="image/scenery.jpg" alt="风景" width ="360" height ="200"/>

5.把所有特殊符号用编码表示

任何小于号(<),不是标签的一部分,都必须被编码为<。

任何大于号(>),不是标签的一部分,都必须被编码为>。

任何与号(&),不是实体的一部分的,都必须被编码为&。

注意:以上字符之间无空格。

6.给所有属性赋一个值

XHTML规定所有属性都必须有一个值,没有值就重复本身。

例如:

<input type="checkbox" name="爱好" checked>

必须修改为

<input type="checkbox" name="爱好" checked="checked"/>

7.不要在注释内容中使“--”

“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:

<!--这里是注释-----------这里是注释-->

用等号或者空格替换内部的虚线。

<!--这里是注释========这里是注释-->

以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。

8.图片必须有说明文字

每个图片标签都必须有alt说明文字。

<img src ="image/scenery.jpg" alt="风景" title="风景" width ="360" height ="200"/>。为了兼容火狐和IE浏览器,对于图片标签,尽量采用 alt和title双标签,单纯的alt标签在火狐下没有图片说明。

二、XML简介

XML(Extensible Markup Language,可扩展标记语言),用于标记电子文件使其成为结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。XML 提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

XML并非像HTML那样,提供了一组事先已经定义好了的标签,而是提供了一个标准,利用这个标准,可以根据实际需要定义自己的新的标记语言,并为这些标记语言规定它特有的一套标签。准确的说,XML是一种元标记语言,它允许你根据它所提供的规则,制定各种各样的标记语言。这也正是XML语言制定之初的目标所在。XML的最重要之处在于其信息处于文档中,而显示指令在其他位置 。即内容和显示是相互对立的。

XML与MySQL、Oracle和SQL Server等数据库不同,这些数据库提供了更强有力的数据存储和分析能力,例如数据排序、查找、修改、删除等;XML仅仅存储数据。事实上XML与其他数据表现形式最大的不同是:它极其简单。这是一个优点,正是这点使XML与众不同。

下面通过一个例子来理解XML,我们定义一个新的标记语言,叫做FCLML(F_companys Client List Markup Language)——F公司的客户列表标记语言。这个语言应该定义一些标签来代表可联系的客户和有关他们的信息。这组标签很简单,它们的优点是代表了一定的语义。与HTML相比,下面这一段代码显然更加清晰易读:

<联系人列表>

<联系人>

<姓名>张三</姓名>

<ID>00101</ID>

<公司>清华大学出版社</公司>

<email>zhangsan@163.com</email>

<电话>(010)62345678</电话>

<地址>清华大学学研大厦 A 座</地址>

<邮编>100084</邮编>

</联系人>

<联系人>

<姓名>李斯</姓名>

<ID>00102</ID>

<公司>清华大学出版社</公司>

<email>lisi@163.com</email>

<电话>(010)62345678</电话>

<地址>清华大学学研大厦 A 座</地址>

<邮编>100084</邮编>

</联系人>

</联系人列表>

上面代码是一个简单的XML文件。看上去它和HTML非常相似,但这里的标签代表的不再是显示格式,而是对于客户信息数据的语义解释。

XML与HTML的区别是:XML的核心是数据,其重点是数据的内容。而HTML 被设计用来显示数据,其重点是数据的显示。不是所有的HTML标记都需要成对出现,XML则要求所有的标记必须成对出现;HTML标记不区分大小写,XML则大小敏感,即区分大小写。

XML文档使用的是自描述的和简单的语法,一个XML文档最基本的构成包括:声明,处理指令(可选)和元素。例如下面的book.xml

<?xml version="1.0" encoding="UTF-8"?>

<bookstore>

<book publicationdate="2012年1月" ISBN="978-7-302-27526-8">

<bookname>Java程序设计与项目实训教程</bookname>

<author>张志锋</author>

<price>43元</price>

</book>

<book publicationdate="2013年5月" ISBN="978-7-302-31945-0">

<bookname>Web框架技术(Struts2+Hibernate+Spring3)教程</bookname>

<author>张志锋</author>

<price>59</price>

</book>

<book publicationdate="2013年5月" ISBN="978-7-302-31705-0">

<bookname>Java Web技术整合应用与项目实战(JSP+ServletStruts2+Hibernate+Spring3)教程</bookname>

<author>张志锋</author>

<price>98</price>

</book>

</bookstore>

1.声明

在所有XML文档的第一行都有一个XML声明。这个声明表示该文档是一个XML文档,它遵循的是哪个XML版本的规范。

2.注释

<!--注释内容-->

3.元素

所有的XML元素必须合理包含,且所有的XML文档必须有一个根元素。XML元素的属性以“名字/值”成对的出现。

其格式如下:

<元素 属性名1="值1" …>数据内容</元素>

XML元素的命名规则如下。

(1)元素的名称可以包含字母、数字和其他字符。

(2)元素的名称不能以数字或者标点符号开头。

(3)元素的名称不能以XML开头。

(4)元素的名称不能包含空格。

使用XML元素以及属性注意事项。

(1)任何起始标签都必须有一个结束标签。

(2)可以采用另一种简化语法在一个标签中同时表示起始和结束标签。这种语法是在大于符号之前紧跟一个斜线(/),例如<tag/ >。XML解析器会将其翻译成<tag></tag>。

(3)标签必须按合适的顺序进行嵌套,所以结束标签必须按镜像顺序匹配起始标签。这好比是将起始和结束标签看作是数学中的左右括号:在没有关闭所有的内部括号之前,是不能关闭外面的括号的。

(4)所有的属性都必须有值。

(5)所有的属性都必须在值的周围加上双引号。

元素是XML文档的灵魂,它构成了文档的主要内容。XML元素是由标记来定义的,表明XML的目的是标识文档中的元素。

XML是将数据和格式分离的。XML文档本身不知道如何来显示数据,必须有辅助文件来帮助实现。XML中用来设定显示风格样式的文件类型有如下几种:

1)XSL

XSL全称为eXtensible Stylesheet Language(可扩展样式表语言),是用来设计XML文档显示样式的主要文件类型。

XSL是基于XML的语言,用于创建样式表。XSL创建的样式表能够将XML文档转换成其他的文档,比如HTML文档,这样就可以在浏览器上显示了。在执行转换之前,首先要创建一个XSL样式表,以定义如何进行转换。

2)CSS

CSS大家很熟悉了,全称是Cascading Style Sheets(层叠样式表),是目前用来在浏览器上显示XML文档的主要方法。

课外阅读(XHTML和XML简介)相关推荐

  1. php和xml区别,html与xhtml和xml有什么区别

    这次给大家带来html与xhtml和xml有什么区别,html与xhtml和xml区别的注意事项有哪些,下面就是实战案例,一起来看一下. 发展趋势: html(超文本标记语言)--xhtml(可扩展性 ...

  2. php相关书籍的阅读心得体会范文大全,关于课外阅读心得体会

    读书务在循序渐进;一书已熟,方读一书,勿得卤莽躐等,虽多无益. --胡居仁.下面小编给大家整理的关于课外阅读心得体会范文五篇,希望大家喜欢! #关于课外阅读心得体会范文1# 初读<朝花夕拾> ...

  3. 阶梯到XML:1级 - XML简介

    作者: Rob Sheldon,2014/03/26 原文链接:http://www.sqlservecentral.com/articles/stairway+series/introduction ...

  4. 课外阅读(通讯技术的发展史)

    课外阅读(通讯技术的发展史) 人们常把有线固定通信和无线移动通信作为信息基础结构(NII/GII)的两大组成部分.近年来它们都以明显的快速步伐向前推进,而且进入新世纪后将更加快速发展,为兴旺的信息时代 ...

  5. 一、AJAX学习笔记——原生AJAX (ajax简介、XML简介、ajax优缺点、ajax的使用)

    第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...

  6. [原创]网站HTML,XHTML,XML,WML,CSS等测试验证工具介绍

    [原创]网站HTML,XHTML,XML,WML,CSS等语言测试验证工具介绍 1 在线网站语言测试检查网站: HTML和XHTML测试检查网站: http://validator.w3.org/ 或 ...

  7. 计算机时代的英语阅读,利用微信平台提升英语类专业学生课外阅读能力的实 践意义...

    利用微信平台提升英语类专业学生课外阅读能力的实 践意义 <中学生作文指导>2020年 第10期 | 林静怡;林忆梦;钟昕彤;钟惠敏;张妤 广东培正学院 摘 要:本文以广东培正学院为例,通过 ...

  8. HTML、HTML5、XHTML、XML、XSL、DTD、XML Schema 简单介绍

    在学习 WEB 开发中,我们可能经常搞不清 HTML.HTML5.XHTML.XML.XSL.DTD.XML Schema 的概念,容易将其混为一谈,在网上搜集大量资料后,在此做一下总结. 在介绍上面 ...

  9. 计算机英语课外知识竞赛,高2012级英语课外阅读知识竞赛.docx

    高2012级英语课外阅读知识竞赛 时间:50分钟满分:100分 第一节 完形填空(共20小题:每小题2分,满分40分) Jenna, a popular girl from Westwood Midd ...

最新文章

  1. 增加行星轮减速后机械臂调试
  2. 函数 php_PHP函数缺陷详解
  3. 经典HTML5学习资源
  4. jquery跟js初始化加载的多种方法及区别介绍
  5. 【Android 逆向】Android 系统文件分析 ( 外部存储设备文件 | sbin 命令程序目录 | dev 字符设备目录 )
  6. 《系统集成项目管理工程师》必背100个知识点-03项目管理过程组
  7. sdut 1500 Message Flood
  8. Vue全局API总结
  9. U盘安装CentOS7的最终解决方案
  10. java poi 只能创建?,Java POI使用SS模型创建新的工作簿?
  11. php 下载技巧,PHP 使用技巧集
  12. 使用Python进行局域网传输文件两种方法
  13. 计算机心理学测试题目及答案解析,测量心理学考研重点选择题(含答案)
  14. foxmail 不知道这样的主机
  15. The word ‘xx‘ is not correctly spelled问题的解决
  16. 程序员选什么方向好?前端还是后端?
  17. IEEE trans模板格式中的分栏及左下角作者信息脚注的添加方法(Word 2010)
  18. 如何成为稀缺性人才?
  19. Hbase数据库与传统数据库的比较
  20. 介绍 Go 断续器(Tickers)

热门文章

  1. Windows Phone 如何振动手机?
  2. 将系统默认记事本替换成自己喜欢的文本编辑器
  3. 判断页面关闭的方法 UNLOAD/onbeforeunload
  4. java基本特性_Java面试总结之Java基础
  5. java swing 动态生成表格_6 个曾经牛逼哄哄的 Java 技术,你用过吗?
  6. python怎么备份列表_python实例:backup 备份
  7. python时间计算_日期天数差计算(Python)
  8. k均值例子 数据挖掘_人工智能、数据挖掘、机器学习和深度学习的关系
  9. mysql 数据分析的步骤_数据分析8个主要步骤
  10. wordpress后台添加子菜单 add_submenu_page()