【HTML/XML 11】XML和HTML的混合使用
导读：在前面介绍了很多关于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的混合使用的更多相关文章
- 报错：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 ...
- 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/ ...
- Linq to XML 读取XML 备忘笔记
本文转载:http://www.cnblogs.com/infozero/archive/2010/07/13/1776383.html Linq to XML 读取XML 备忘笔记 最近一个项目中有 ...
- XML.ObjTree -- XML source code from/to JavaScript object like E4X
转载于:http://www.kawa.net/works/js/xml/objtree-try-e.html // ========================================= ...
- Querying Microsoft SQL Server 2012 读书笔记:查询和管理XML数据 1 -使用FOR XML返回XML结果集
XML 介绍 <CustomersOrders> <Customer custid="1" companyname="Customer NRZBB&qu ...
- 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 ...
- hadoop三个配置文件的参数含义说明core-site.xml,hdfs-site.xml,mapred-site.xml
配置hadoop,主要是配置core-site.xml,hdfs-site.xml,mapred-site.xml三个配置文件,默认下来,这些配置文件都是空的,所以很难知道这些配置文件有哪些配置可以生 ...
- Spring基础——配置文件pom.xml,web.xml,ApplicationContext.xml
Spring配置文件——复制粘贴即用 为了以后兼容SSM框架,直接创建Maven Project,包结构如下图. pom.xml <project xmlns="http://mave ...
- XML和XML解析
1. XML文件: 什么是XML?XML一般是指可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言. 2.XML文件的优点: 1)XML文档内容和结构完全分离. 2 ...
随机推荐
- Embedded System.
Soc ( System on Chip) Soc is an integrated circuit (IC) that integrates all components of a computer ...
- 内网Linux对公网开启SSH
1.首先你得装个Linux,过程就不说了.Linux可以装在Vmware上,但是网络适配器选项选的是桥接模式 2.在linux上安装SSH服务,如果有就自动忽略 3.在路由器上开启端口映射. 这里我用 ...
- git添加标签（转载）
From:http://git-scm.com/book/zh/v1/Git-%E5%9F%BA%E7%A1%80-%E6%89%93%E6%A0%87%E7%AD%BE 打标签 同大多数 VCS 一 ...
- EL表达式介绍
EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} 所有EL都是以${ ...
- Spring中的ＡＯＰ应用
AOP被称为面向切面编程,AOP中的几个重要概念是: 1.切面.切面就是要实现的功能.切面通常是在多数方法中会用到的相同功能,如写日志. 2.连接点.连接点就是应用程序执行过程中插入切面的地点.如:方 ...
- compass项目监控文件报 /usr/bin/env 找不到文件
1 找到ruby执行文件目录 $ wherris ruby ruby: /usr/lib/ruby /home/rudy/.rbenv/shims/ruby 2 设置软链接 sudo ln -s /h ...
- mysql 用户权限设置【转】
在Linux下phpStudy集成开发环境中,要先进入mysql下bin目录,执行mysql ./mysql -u root -p 1.创建新用户 通过root用户登录之后创建 >> gr ...
- IE10修改select样式
一般我们针对webkit内核的,都使用-webkit-appearance来控制一些表单元素. 但是IE10如何来控制呢? select::-ms-expand{display:none;}
- [SQL]获取所有数据库名、获取数据库中表名、获取表中的字段名
--()获取所有数据库名: Select Name FROM Master..SysDatabases order by Name --()获取所有表名 --XType=''U'':表示所有用户表; ...
- String Format for DateTime
This example shows how to format DateTime using String.Format method. All formatting can be done als ...