XML、HTML、XHTML三者关系

前面的话

XML、HTML、与XHTML想必都不陌生,但三者到底是什么关系,今天就来说一说。先看一张图,了解一下起源:
在这里插入图片描述

上面出现的名字中都可以看到:“ML”。“ML(Markup Language)” —— 标记语言

  • GML:为第一代标记语言,使文档能明确将标示和内容分开。
  • SGML: 为第二代标记语言,在GML的基础上进行梳理。
  • 接下的就是熟悉的XML、HTML、XHTML
什么是XML?

XML,Extensible Markup Language(可扩展标记语言),它被设计用来传输和存储数据的

XML的作用

XML数据以纯文本格式进行存储,提供了一种独立于软件和硬件的数据存储方法。
通过XML,可以在不兼容的系统之间轻松交换数据。

  • 用于不同平台、不同引用的数据共享与通信
  • 可作为一种简单的数据库,存储并检索数据
  • 传输约定格式的文件
  • 做软件的配置文件
    在这里插入图片描述
XML树结构

XML 文档形成了一种树结构,它从“根部”开始,然后扩展到“枝叶”。XML文件必须包含根元素
在这里插入图片描述
通过一个实例来说明它的树结构:下面表示图书的信息

<?xml version="1.0" encoding="ISO-8859-1"?>
<bookstore>
<book category="COOKING">
  <title lang="en">Everyday Italian</title> 
  <author>Giada De Laurentiis</author> 
  <year>2005</year> 
  <price>30.00</price> 
</book>
<book category="CHILDREN">
  <title lang="en">Harry Potter</title> 
  <author>J K. Rowling</author> 
  <year>2005</year> 
  <price>29.99</price> 
</book>
<book category="WEB">
  <title lang="en">Learning XML</title> 
  <author>Erik T. Ray</author> 
  <year>2003</year> 
  <price>39.95</price> 
</book>
</bookstore>

上例中的根元素是<bookstore>,所有元素<book>元素都被包含在其中。<book>元素有4个子元素:<title>、<author>、<year>、<price>

XML思维导图

在这里插入图片描述
XML的解析器有两种:DOM与SAX。

  • DOM(文档对象模型)是W3C标准,提供了标准的解析方式。但是其效率不怎么样。
  • SAX(simple API for XML)是一种XML解析的替代方法。相比于DOM,SAX是一种速度更快,更有效的方法。它逐行扫描文档,一边扫描一边解析。而且相比于DOM,SAX可以在解析文档的任意时刻停止解析
  • 但任何事物都有其相反的一面,对于SAX来说就是操作复杂。

XML的整理显示有两种方法:CSS与XSLT

  • 可以使用css样式层叠表来显示XML文档
  • XSLT可以向XML转为XHTML显示出来
  • W3C更推荐使用XSLT

XML的验证也有两种:DTD与Schema

  • 可以通过 DTD 验证的 XML 是“合法”的 XML
  • Schema是DTD的一种替代,比DTD更强大

详细关于XML的解析、转换、验证可以去官网查看,这里小柒不展开。

什么是HTML?

HTML(Hyper Text Markup Language)—— 超文本标记语言。HTML 是用来描述网页的一种语言。它的设计用来显示数据。对于HTML我们再熟悉不过了,这里不多说。

什么是XHML?

XHTML是以 XML 格式编写的 HTML —— 可扩展超文本标记语言。
XHTML 是更严格更纯净的 HTML 版本。

XML与HTML的区别

前面开头我们可以看到XML与HTML就像是兄弟关系。
在这里插入图片描述

HTML与XHTML的区别

XHTML作为HTML的升级版。当然会有很多其它的规范。详细例如以下:

  • 全部的标记都必需要有一个相应的结束标记。

  • 全部标签的元素和属性的名字都必须使用小写。

  • 全部的XML标记都必须合理嵌套。

  • 全部的属性必须用引号""括起来。

  • 把全部<和&特殊符号用编码表示

  • 给全部属性赋一个值。

怎样将HTML改为XHTML
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源标题:艺帆精美三防手机网站模板三防手机官方网站源码 资源版本:艺帆企业CMS V1.8 版本类似:免费完整版(不带会员系统) 演示网站:http://web.i5808.com 官方论坛:http://www.x1j.net/ 适用行业:手机网站模板,手机网站源码,精美三防手机网站模板,艺帆手机网站模板 类型:asp/access 功能:单页设置 单页分类设置 新闻 产品 下载 在线招聘 在线留言 幻灯管理 友情链接管理 数据库备份 特色功能:产品、新闻内容图片可以批量上传(免去一张张上传的烦恼),全站伪静态(优化SEO,对搜索引擎更友好),全站关键词可自动设置(每个页面关键词都有针对性),文章内容可以分页,图片渐显载入(优化显示速度) 艺帆手机网站模板系列建议配合艺帆手机源码会员下单邮件提醒组件,将让你的网站更加具有互动性和实用性 三防手机的特点非常简单就是具有轻微防尘、防震、防水功能的手机 ,主要针对热爱户外运动的年轻用户或 三防手机:有特殊需要的专业用户。以其专业的防水、防尘和出色的抗摔、抗辗压性能,能够胜任异常恶劣的气候条件和特殊场合的应用。 艺帆手机网站模板系列使用的 DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。 提及DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。 “DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTMLHTML语言中的一个标记,而CSS只是一种表现形式。 也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。 1、艺帆手机网站模板系列精简的代码,使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。代码精简提高了百度蜘蛛的爬行效率以及高效性,能在最短的时间内爬完整个页面,同时这样对收录质量有一定好处; 2、艺帆手机网站模板系列提高访问速度、增加用户体验性 使得加载速度得到很大的提高,那么用户点击页面的等待时间就越少,用户体验性的增加相应的带来就是网站受到搜索引擎的喜欢,进而提高网站排名。 3、艺帆手机网站模板系列 使用的div+css结构清晰,很容易被搜索引擎搜索到,天生就是适合优化seo,降低网页大小,让网页体积变得更小。 全站完整无错,如无法架设可以去论坛看下教程 后台地址:i5808 账号:i5808 密码:123456

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值