微信号:ac_aric

介绍:通俗幽默为您讲解编程技术!涉及JavaScript,Web,Java,架构,HTTP,JSON,MVC等方面

HTML XHTML HTML5

2015-04-09 14:14 Aric

以前的老文章发出来,只是混个时间,看过的请忽略


很多同学对这三个词的概念都傻傻分不清楚,今天我就为大家简单介绍一下。


HTML英文全称Hyper Text Markup Language,中文全称超文本传输语言,简单来说是于富文本。


HTML的最后一个标准是4.0,是在久远的1997年由W3C发布的。很多读者注意到:是标准! W3C推出了标准,但是有能力实现并且推行的是各大浏览器厂商,而各个浏览器厂商为了争夺互联网入口,各种勾心斗角外加撕逼,根本不会老老实实的你说什么我做什么。


结果就是各个浏览器标准实现的不统一,有多不统一呢?firefox中,元素大小写不敏感,没有结束标签一样可以运行,遇到不支持的标签也会自动容错等!而在IE7以前,元素大写报错!没有结束标签报error,还有一些IE特定的语法标签等等...随着更多浏览器的出现,HTML越来越乱,俗话说天下大事,乱久必分!


XHTML的由来

这时候一部分处女座高喊:尼玛,这要怎么写代码,完全不能忍....接着这些处女座凑在一起,在HTML4.0的基础上发布了XHTML标准。由于XHTML诞生的根本原因就是处女座的情结所在,所以一出世就有一个响当当的名号:严格的HTML。有多严格呢,且听我慢慢道来。

1. 元素必须用小写

2. 元素必须完整嵌套

3. 元素必须有结束标签

4. 必须有根标签

5. 元素必须可被解析

6. 废除一些他们看着不爽的标签,例如<i>

......

XHTML中很多必须,可没有一个新特性,深深的认识到处女座的可怕! XHTML标准发布以后,一直推行的不好(毕竟处女座还是少数)。


HTML5的由来

这时候,另外一部分不知道是什么星座的人,看到处女座的各种【必须】,也忍受不了,揭竿起义,一直商讨HTML5标准!为什么说揭竿起义,看过如下HTML5部分标准你就明白了!

1.元素大小写无所谓;

2. 元素不嵌套无所谓,帮你补全;

3. 没有根标签无所谓,帮你自动识别;

4. 元素不认识无所谓,帮你保留;

5. XHTML废弃的,全都无条件支持;

各种无节操.......

处女座毕竟势单力薄,HTML5标准一经发布,开始风靡....各大浏览器厂商纷纷支持。读者看到这里,肯定有疑问,既然纷纷支持,为什么HTML5一直推行不好?那是因为HTML5还附带发布了其他的很多新特性,

1. SVG & canvas 绘图功能

2. video 视频功能 (仅支持MP4以及3GP)

3. 多样化的input以及标识区域的标签,email,number,date,header footer asidemenu...

4. 长连接 需要Web服务器支持

....

各大浏览器厂商听到这些,懵逼了,紧接着开始撕逼!如下都是个人臆想,别喷!苹果心里默念:HTML5推广了,把Objective-c置于何地?微软公司想:HTML5推广了,Windows系统的重要性就又下降了。苦逼的Adobe公司:尼玛!我的Flash都想直接替代,让你推行,让你推行@###@$%^


俗话说天下大事,分久必合!不用多说,大家也都知道,HTML5是目前是大势所趋!但完全支持要多久,谁也无法预测!


最后补一句,以后有人再问你会不会HTML5开发,你可以心里默默的骂他SB。根本就是HTML4外加一些支持不全,还有很多不能使用的新特性,何来HTML5开发!

附录,各个标准的定义


HTML4.0文档定义

<!DOCTYPE HTML 好长好长...html4/strict.dtd">

XHTML文档定义

<!DOCTYPE html 好长好长...xhtml11.dtd">

HTML5 ,感受一下它的无节操

<!DOCTYPE html>




 
Aric 更多文章 React大热?再来泼冷水! 写不完的工作总结? 来~聊聊绩效考核 Java开发必用的工具包 “云”到底是什么 Bootstrap VS Semantic VS Foundation
猜您喜欢 昨天刷爆朋友圈的LinkedIn,开源过哪些知名项目? 干货丨PHP与Javascript的两种交互方式 讲真,想拥有一个美国队长级别的 “超级英雄”吗? Android N 中的mediaserver