HTML、XHTML、HTML5区别和联系

最新推荐文章于 2024-03-19 08:39:58 发布

原创最新推荐文章于 2024-03-19 08:39:58 发布 · 4.4k 阅读

5 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

19 篇文章

订阅专栏

本文深入探讨了HTML、WWW以及它们背后的URL、HTTP协议，并对比了HTML4、XHTML、HTML5的不同之处。文章还介绍了这些技术在Web开发中的应用，包括DIV+CSS布局、画布元素、本地存储支持等新特性。最后，通过漫画形式生动地展示了标记语言的发展历程。

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/