那些年你对HTML5和HTML4的#误以为 |【附IE神吐槽】

不二如是 · 发表于 2018-3-21 10:22:04

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2020-3-17 18:48 编辑

有言在先

登录/注册后可看大图

小甲鱼老师正在如火如荼的更新零基础入门学习Web开发（HTML5&CSS3）系列，欢迎鱼油热情追番～

一种编程语言，最难讲解的便是开始阶段，因为涉及到历史，版本区别，使用情况。

讲不好就像大学课程一样，照本宣科。。。

万幸，小甲鱼老师是一名强迫症患者（精益求精），课程讲的妙趣横生（老司机剧情）。

有兴趣的鱼油，可以下载听一听（传送门），其中发展史做的也是诚意满满～

再啰嗦一下，本人也同步更新，系列课程的学习（（吐槽））笔记，欢迎热爱学习（吹水）的鱼油订阅，一起追番～
（广告：零习Web开发(H5&C3)-吹水笔记）

4.0 VS 5.0

看懂了吗？

在只有“前端工程师”才会懂得#恶趣味铺垫（吹水）了一下ie，这次用另一个角度，论证ie的尴尬。。。

先来看一段HTML4.0的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>HTML 4.01 strict</title>
</head>
<body>
<h1>Welcome to FishC.com</h1>
</body>
</html>

复制代码

先不解释，相同实现情况下，HTML5.0:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 5.0</title>
</head>
<body>
<h1>Welcome to FishC.com</h1>
</body>
</html>

复制代码

够不够简单，4.0主要复杂在<!DOCTYPE>和<meta>的定义上，解释看下图：

UTF-8是一种字符编码，支持很多字母表，包括非英文。

还有很多字符编码，但它推选为新的标准，简单易记～

两点重要说明

如果鱼油之前用过HTML4.0或者XML系列，再学HTML5.0，易如反掌～

如果零基础，直接学HTML5.0，将会弯道超车，毕竟这是一个已经被时间验证可行的标准。

为什么这么说？很简单：

HTML5就是HTML4的一个超集（4的特性5都能用，5新加的特性4不支持），H5提供了很多新的标签，有兴趣的鱼油可以先去鱼C宝典一探究竟

最终标准？

W3C（万维网联盟）由蒂姆·伯纳斯-李爵士于1994年10月成立，是万维网的主要国际标准组织。

W3C是正式推荐HTML5成为标准，但本身由于是制定标准的团体，所以一定要保守（“标准”应该在很长一段时间内都不能变）。

有多保守呢？他们甚至宁愿等到几代HTML5浏览器消失重生后才签署认可HTML5。
（推荐阅读：Web十大浏览器大投票 | 【前端的利剑，你选哪吧？】）

在2014年10月28日，W3C的HTML5标准定稿，意味着大家可以将4.0，xml放入历史的课本中了。。。

鱼油，大可放心，跟着小甲鱼老师掌握HTML5后：

游客，如果您要查看本帖隐藏内容请回复

如果喜欢，别忘了评分

：

登录/注册后可看大图

这位鱼油，如果喜欢本系列HTML帖子，请订阅专辑☞（传送门）（不喜欢更要订阅

）

账号		自动登录	找回密码
密码			立即注册

[技术交流] 那些年你对HTML5和HTML4的#误以为 |【附IE神吐槽】

马上注册，结交更多好友，享用更多功能^_^

评分

浏览过的版块