导读:在前面介绍了很多关于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等基本知识点。

转载于:https://www.cnblogs.com/hhx626/p/6010367.html

【HTML/XML 11】XML和HTML的混合使用相关推荐

  1. Android移动开发问题 AAPT: error: resource xml/11 (aka com.example.myapplication:xml/11) not found.

    在android移动开发布局基础中,运行出现E:\Android_projects\app\src\main\AndroidManifest.xml:21:9-23:42: AAPT: error: ...

  2. %3c xml 和php冲突,[原创]WEB安全第五章 漏洞学习与利用11 xml实体注入

    WEB安全第五章 漏洞学习与利用11 xml实体注入 XXE Injection即XML External Entity Injection,也就是XML外部实体注入攻击.漏洞是在对非安全的外部实体数 ...

  3. Java学习-11 XML与JSON

    Java学习-11 XML与JSON 1.XML 1.1.简介 可扩展标记语言(eXtensible Markup Language). 特性:1. xml具有平台无关性, 是一门独立的标记语言.2. ...

  4. XML 解析XML文档 XML约束

    XML 什么是XML Extensible Markup Language(可扩展的标记语言) 他是一个语言,有自己的语法,和Java以及其他的编程无关 "标记" 在文件中包含类似 ...

  5. XML - XML学习/XML文件解析器(C++)实现

    XML - XML学习/XML文件解析器(C++)实现 XML概述 ​ XML是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识.它也是元标记语言,用于定义其他与特定领域有关的, ...

  6. perl XML创建XML文件

    首先安装XML::Writer,XML::Parser等模块 1.执行/usr/bin/perl -MCPAN -e 'install "YAML"' 安装YAML模块 2.进入C ...

  7. 创建带有关联的 XML 架构的 XML 文件 从 XML 文件创建 XML 架构

    一.创建带有关联的XML 架构的XML 文件 1.创建新的 Windows 应用程序项目 首先需要在 Visual Basic 或 Visual C# 中创建新的 Windows 应用程序.创建一个新 ...

  8. XML指南——XML 确认

    符合语法的XML文档称为结构良好的XML文档. 通过DTD验证的XML文档称为有效的XML文档. "结构良好的" XML文档 一个结构良好的XML文档应该使用正确的语法. 一个结构 ...

  9. 【Servlet】Tomcat公共 / 项目独立的 web.xml / server.xml 文件讲解

    课程介绍 每个web 项目下都具备web.xml 文件.通过前面的学习,我们对web.xml 文件有了一定了解,但是还不够,本节课就web.xml 文件进行总结.同时对Tomcat 下的server. ...

最新文章

  1. python基础教程:数值与字符串类型
  2. Android studio 开发中 用git实现批量忽略特定文件的方法
  3. C# new和override的区别和用途
  4. Flutter之Center
  5. 不要62(HDU-2089)
  6. android 开启dlna音乐服务_新品丨数字流媒体新宠——Stack Audio Link USB音乐播放器...
  7. redhat linux 7 安装,Redhat Linux 7.3 快速安装指引 *
  8. MEncoder的基础用法—6.10. 保持视频画面比例
  9. CPC客户端安装教程
  10. VS自带反编译DLL工具
  11. Windows 10 让所有程序默认为“以管理员身份运行”并且取消“确认”按钮
  12. 最新资讯:iPhone 11显示模块更换计划,用于解决触摸问题
  13. C/C++一些常见的错误
  14. 条件运算符与条件if的姻缘,打擂台算法和大小写字母转换,if逻辑避坑
  15. 第157篇 合约安全-随机数
  16. 从零开始实现一个量化回测系统(一)
  17. VB获得迅雷资讯弹出网页的源代码
  18. 长安汽车董事长下场宣传原力技术 全擎引领电动化出行普及时代
  19. 黑群晖从无到有完善指南
  20. 成都java高级开发工程师_【成都京东工资】java高级软件工程师待遇-看准网

热门文章

  1. window mysql 字符集_Windows mysql默认字符集修改
  2. 习题8_6与习题9_2
  3. Vue开发使用Axios遇到了大坑!
  4. Open3D DbScanClustering聚类算法
  5. opencv学习笔记(二)
  6. GitHub上分享的常用算法和数据结构实现原理可视化系统
  7. GitHub上的“金矿”(236个Python开源项目,涵盖了15个领域)
  8. 基于视频理解TSM和数据集20bn-jester-v1的27类手势识别
  9. Linux常用20条命令
  10. c语言已知先序还原二叉树,(c++ 递归)先序 中序 还原二叉树