专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML5

HTML、XHTML、HTML5区别跟联系

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
HTML、XHTML、HTML5区别和联系

        HTML(Hypertext Markup Language,超文本标记语言),在学习Html的时候也接触到了一个概念——WWW,这个经常用,但是不知道其中的道理。当然要想了解HTML还要知道它的过去和发展。

基本概念

        WWW(World Wide Web,万维网)是一种建立在Internet上的、全球性的、交互式的、多平台的、分布式的信息资源网络。它就是采用HTML语言描述的超文本文件(包含连接关系和多媒体对象)。

        咱们见到最多的网址,或者说在记忆中使用的网址大概都是WWW,WWW有3个基本的组成部分,分别是URL(Universal Resource Locators,统一资源定位器)、HTTP(Hypertext Transfer Protocol,超文本传输协议)和HTML(Hypertext Markup Language,超文本标记语言)


URL

        URL提供在web上进入资源的统一方法和路径,使得用户所要访问的站点具有唯一性,这就相当于我们每个人只有一个ID。它代表了链接所指向的每个文件的类型及其准确位置。

也可以这么理解URL是你得到资源位置或访问方法的唯一方法,只要知道了资源的URL就可以得到地址,并且对资源进行操作。

URL的访问方法有两种:ftp和http

例如

   



HTTP

        HTTP是一种网络上的数据传输协议,专门用于传输以超文本(hypertext)或超媒体(hypermedia)的形式提供的信息。是一种详细规定了浏览器和万维网服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。

HTTP工作在TCP/IP协议体系中的TCP协议上。

客户机和服务器必须都支持 HTTP,才能在万维网上发送和接收 HTML 文档并进行交互。

(以上大多为百科内容——HTTP)

HTML

        html语言是一种文本类、依靠解释的方式执行的标记语言,也就是使用一种大多数计算机能够识别的语言。万维网上使用语言一般就是Html语言。
HTML是标记语言 ,所以他会有很多的标记元素,最基本的文件结构如下:
	<html>-----------------------------------------------------开始html文档
		<head>---------------------------------------------开始文档头部
			<title>---------------------------------------开始文档标题
				标题---------------------------------内容
			</title>-------------------------------------结束文档标题
		</head>-------------------------------------------结束文档头部
		<body>--------------------------------------------开始文档体
			正文----------------------------------------内容
		</body>-------------------------------------------结束文档 体
	</html>---------------------------------------------------结束html文档
        所以要想学好HTML,掌握一定的标记元素知识是必要的。例如标题文字标记<h>
<html >
<head runat="server">
    <title></title>
</head>
<body>
    <h1>h1 字体大小</h1>
    <h2>h2 字体大小</h2>
    <h3>h3 字体大小</h3>
    <h4>h4 字体大小</h4>
    <h5>h5 字体大小</h5>
    <h6>h6 字体大小</h6>
</body>
</html>



HTML4、XHTML、HTML5都是些什么

        学习html的时候,和在看其他博客的时候就有很多html或者XHTML,不知道他们只是名字不一样还是有什么不同。然后查了下资料进行一下对比。

        在HTML发展的早期,W3C(World Wide Web Consortium,万维网联盟)成立之前,HTML的很多标准都很不规范,浏览器也对HTML的要求不高,所以这种情况的持续就导致了HTML的编写者写了大量含有错误的HTML页面。
        后来W3C也意识到了这个错误,并认为这为这是互联网基础性问题,应该加以解决。为了规范HTML,W3C结合着XML制定了XHTML1.0标准,不过它只是用XML要求来规范HTML。即可把XHTML理解成HTML+XML。

        学习牛腩的时候用到的DIV+CSS其实就可以说成是XHTML+CSS。

        HTML4是目前互联网使用最广泛的标准,他是诞生在1999年左右。现在依然发挥着重要的作用。

        HTML5新增一些特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 article、footer、header、nav、section 5. 新的表单控件,比如 calendar、date、time、email、url、search。它最大的一个特点就是不会break已有的网页。虽然HTML5添加了很多新特性,但是并没有得到浏览器的普遍支持,所以其他HTML还是很重要的,还在使用。


这里有个很有意思的漫画,有兴趣的可以看看混乱的标记语言XHTML2/HTML5漫画 
参考博客:http://autit.blog.163.com/blog/static/13804284420125710238652/

4楼grgligang2小时前
妹纸还在读书?好好学习,天天向上。
3楼u0101681605小时前
区别再写的明显一点就好了
2楼jiuqiyuliang昨天 20:22
写博客,题目必须得走标题党,没有好的标题,不会吸引读者的
Re: mayfla昨天 20:22
回复jiuqiyuliangnyeah
1楼zhuanzhe117昨天 19:48
多总结就有收获,加油!
Re: mayfla昨天 19:49
回复zhuanzhe117nfighting
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

  • 使用HBuilder编辑器将html五页面打包成APP

    使用HBuilder编辑器将html5页面打包成APP   使用HBuilder编辑器将html5页面打包成APP (ios+安卓) 1.首先先安装HBuilder编...

  • 基于phonegap,html5,ratchet,handlebars等技术的微神情APP

    基于phonegap,html5,ratchet,handlebars等技术的微表情APP 该app是由很多有意思的微表情构成的,支持40种表情,并且每种表情都有不同的...

  • HTML5 Web 客户端五种离线储存方式汇总

    HTML5 Web 客户端五种离线存储方式汇总 最近折腾HTML5游戏需要离线存储功能,便把目前可用的几种HTML5存储方式研究了下,基于H...

  • SPICE-HTML5 鼠标指针BUG修补

    SPICE-HTML5 鼠标指针BUG修复 研究SPICE,找到了他们官方指定的HTML5客户端。 下载下来用一下,发现跟网页VNC的水平差不多了。 http:...

  • HTML5+JS 《五子飞》游戏实现(5)移动棋子

    HTML5+JS 《五子飞》游戏实现(五)移动棋子 上一章 我们知道了怎么处理两个重要的吃棋动作,想要吃对方的棋子,首先得移动自己的棋子。...

  • HTML5中怎么上传Resize后的图片

    HTML5中如何上传Resize后的图片 参考资料: 不依赖form标签,而是自己定义FormData上传数据,文件被编码为一个Blob或File对象: https...

  • (1)HTML5

    (一)HTML5 可以解决什么问题: 可以实现网页的ajax加载,同时又能完成URL的改变而没有网页跳转刷新的迹象,就像是改变了网页的hash(#)一样。...

  • 一款纯html5实现的钟表

    一款纯html5实现的时钟 今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图: 在线预览...

  • 使用 WebSockets 开展 HTML5 视频直播

    使用 WebSockets 进行 HTML5 视频直播 实验环境:Ubuntu。 参考以下两个链接进行实践: http://segmentfault.com/blog/xingrz/119...

  • 查询浏览器是不是支持html5

    查询浏览器是否支持html5 js判断 插入js代码====================================================== <script> wind...

热门推荐: