导读：在前面介绍了很多关于XML和HTML的东西，他们其实各有各的好处，在很多时候都需要结合起来使用。现在已经有XML和HTML结合的产物：XHTML（可扩展超文本标记语言）。在本篇博客中，则主要介绍通过引入命名空间的方法，进行XML和HTML混合使用的例子。

一、在XML中使用HTML

1.1，代码

<span style="font-family:KaiTi_GB2312;font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/css"?>

<!--HTML命名空间声明-->

<body xmlns:html="http://www.w3.org/TR/RCE-html40">

<html:h2 align="center">Angel测试XML中的HTML<html:hr></html:hr></html:h2>

<content>

	<h1 align="center">XML中的h1标签</h1>

	<html:h1 align="center">HTML中的h1标签</html:h1>

</content>

</body></span>

1.2，说明

在<body xmlns:html="http://www.w3.org/TR/RCE-html40">中，引入了HTML的命名空间，所以在XML文档中，通过增加前缀HTML，就可以使用HTML的标签和语法。如果，没有这句话，则会出现下面的结果：

二、在HTML中使用XML

2.1，代码

<span style="font-family:KaiTi_GB2312;font-size:18px;"><!--XML命名空间声明-->

<html xmlns:test>

<head>

	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

	<title>测试HTML中的XML</title>

	<body>

		<h1 align="center">测试HTML中XML使用</h1>

		<hr></hr>

		<test:text style="display:block;position:relative;font-size:30;color:red;">这是XML标签的内容</test:text>

	</body>

</head></span>

2.2，说明

在<html xmlns:test>中，引入了xml的命名空间test，在代码中使用<test:text><./test:text>，而不是<text><./text>，是在告诉浏览器test并不是HTML的标记，是一个自定义的标记，所以浏览器会根据style属性设置的样式来显示text标记中定义的内容。如果没有前缀，那么浏览器会根据默认的格式来显示它，因为<text><./text>并不属于HTML标记。

没有前缀的效果：

三、扩展：数据岛

在HTML文档中使用<XML></XML>标记来嵌入xml数据时，就在HTML文档中形成了一个XML数据岛（data island）。数据岛是指存在于HTML页面中的xml代码。数据岛允许在HTML页面中集成XML，对于XML编写脚本，不需要通过脚本或<OBJECT>标签读取XML。几乎所有能够存在于一个结构完整的XML文档中的数据都能存在于一个数据岛中，包括处理指示、DOCTYPE声明和内部子集。

使用数据岛最为方便的方法是将XML数据保存为单独的XML文档，然后用<xml src="XML文档名称">。注意：编码串不能放在数据岛中。

四、总结

XML和HTML文档的混合使用，都是在各自的文档中引入对方的命名空间，从而进行操作。这就和做系统时的命名空间是一样的，当我们引入了一个命名空间后，就可以调用里面的方法。后续会接着深入的学习Schema文件和XPath语言等，有所收获的时候，会接着总结。接下来会了解一下XHTML，以及URI、URN、URL等基本知识点。

【HTML/XML 11】XML和HTML的混合使用的更多相关文章

  1. 报错：Unable to load configuration. - action - file:/E:/apache-tomcat-8.0.37/webapps/20161102-struts2-3/WEB-INF/classes/struts.xml:11:73

    第一种报错: 严重: Exception starting filter struts2Unable to load configuration. - action - file:/E:/apache ...

  2. Unable to load configuration. - action - file:/F:/apache-tomcat-8.0.30/webapps/test1Struts2/WEB-INF/classes/struts.xml:11:71

    Unable to load configuration. - action - file:/F:/apache-tomcat-8.0.30/webapps/test1Struts2/WEB-INF/ ...

  3. Linq to XML 读取XML 备忘笔记

    本文转载:http://www.cnblogs.com/infozero/archive/2010/07/13/1776383.html Linq to XML 读取XML 备忘笔记 最近一个项目中有 ...

  4. XML.ObjTree -- XML source code from/to JavaScript object like E4X

    转载于:http://www.kawa.net/works/js/xml/objtree-try-e.html // ========================================= ...

  5. Querying Microsoft SQL Server 2012 读书笔记:查询和管理XML数据 1 -使用FOR XML返回XML结果集

    XML 介绍 <CustomersOrders> <Customer custid="1" companyname="Customer NRZBB&qu ...

  6. File Templates for web.xml & web-fragment.xml (Servlet 2.3, 2.4, 2.5 + 3.0)

    As I sometimes need these, I have compiled a list of the valid headers of the web.xml and web-fragme ...

  7. hadoop三个配置文件的参数含义说明core-site.xml,hdfs-site.xml,mapred-site.xml

    配置hadoop,主要是配置core-site.xml,hdfs-site.xml,mapred-site.xml三个配置文件,默认下来,这些配置文件都是空的,所以很难知道这些配置文件有哪些配置可以生 ...

  8. Spring基础——配置文件pom.xml,web.xml,ApplicationContext.xml

    Spring配置文件——复制粘贴即用 为了以后兼容SSM框架,直接创建Maven Project,包结构如下图. pom.xml <project xmlns="http://mave ...

  9. XML和XML解析

    1. XML文件: 什么是XML?XML一般是指可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言. 2.XML文件的优点: 1)XML文档内容和结构完全分离. 2 ...

随机推荐

  1. MVC之Razor语法

    Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指令.而MVC3以后有了一套新的使用@标记的Razor语法,使用起来更灵活 ...

  2. Tomcat DEBUG模式下修改代码立刻生效！

  3. JavaScript中文字符验证的函数/正则

    /** * 中文字符验证 * @param {} str * @return {Boolean} */ function checkChinese(str) { var re = /[^\u4e00- ...

  4. solr环境搭建

    介绍摘自百度百科:Solr是一个独立的企业级搜索应用服务器,它对外提供类似于Web-service的API接口.用户可以通过http请求,向搜索引擎服务器提交一定格式的XML文件,生成索引:也可以通过 ...

  5. Apriori 关联算法学习

    1． 挖掘关联规则 1.1   什么是关联规则 一言蔽之,关联规则是形如X→Y的蕴涵式,表示通过X可以推导“得到”Y,其中X和Y分别称为关联规则的先导(antecedent或left-hand-sid ...

  6. Hadoop MapReduce编程学习

    一直在搞spark,也没时间弄hadoop,不过Hadoop基本的编程我觉得我还是要会吧,看到一篇不错的文章,不过应该应用于hadoop2.0以前,因为代码中有  conf.set("map ...

  7. 【转】C++ 单例模式

    http://blog.csdn.net/hackbuteer1/article/details/7460019 单例的一般实现比较简单,下面是代码和UML图.由于构造函数是私有的,因此无法通过构造函 ...

  8. rand srand

    题外:先定义一个指针变量int *a; 再将整数b的地址赋给指针变量 a=&b ;    谨记指针变量a只是地址 *a相当于整数 之后*a 就可以表示 指向b了 也可以在定义的时候初始化 in ...

  9. Xcode5.0使用iOS6.1SDK及模拟器

    最近项目中,介于测试人员提出的问题,有些情况只在ios6的设备上才能显现,而本机的xcode已升级到最新的5.0,这可如何是好呢,在网上搜索了一番,找到如下方法解决此问题: 1.打开xcode5.0的 ...

  10. C++学习43 输入输出有关的类和对象

    输入和输出是数据传送的过程,数据如流水一样从一处流向另一处.C++形象地将此过程称为流(Stream).C++的输入输出流是指由若干字节组成的宇节序列,这些宇节中的数据按顺序从一个对象传送到另一对象. ...