鱼C论坛

 找回密码
 立即注册
查看: 1924|回复: 20

[系列教程] 实用Tips - 24 - 那些年你对HTML5和HTML4的#误以为 |【附IE神吐槽】

[复制链接]
最佳答案
243 
发表于 2018-3-21 10:22:04 | 显示全部楼层 |阅读模式

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

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 不二如是 于 2018-3-21 10:22 编辑

有言在先


                               
登录/注册后可看大图


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

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

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

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

有兴趣的鱼油,可以下载听一听(传送门),其中发展史做的也是诚意满满~

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




4.0 VS 5.0

WechatIMG78.jpeg


看懂了吗?


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

先来看一段HTML4.0的代码:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html;charset=UTF-8">
  5.     <title>HTML 4.01 strict</title>
  6. </head>
  7. <body>
  8. <h1>Welcome to FishC.com</h1>
  9. </body>
  10. </html>
复制代码

Snip20180321_792.png


先不解释,相同实现情况下,HTML5.0:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>HTML 5.0</title>
  6. </head>
  7. <body>
  8. <h1>Welcome to FishC.com</h1>
  9. </body>
  10. </html>
复制代码


够不够简单,4.0主要复杂在<!DOCTYPE><meta>的定义上,解释看下图:
1.jpg


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

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




两点重要说明

0aa8f298a7924a5cf938ef948b558467.png


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

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

为什么这么说?很简单:
HTML5就是HTML4的一个超集(4的特性5都能用,5新加的特性4不支持),H5提供了很多新的标签,有兴趣的鱼油可以先去鱼C宝典一探究竟





最终标准?

w3c-validation.jpg


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

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

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

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

鱼油,大可放心,跟着小甲鱼老师掌握HTML5后
游客,如果您要查看本帖隐藏内容请回复




如果喜欢,别忘了评分


                               
登录/注册后可看大图


这位鱼油,如果喜欢本系列HTML帖子,请订阅 专辑&#9758;传送门)(不喜欢更要订阅

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +2 收起 理由
睦ちゃん她爹 + 5 + 5 + 2 精彩的教程

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
65 
发表于 2018-3-21 11:18:54 From FishC Mobile | 显示全部楼层
h5就够复杂了,那标签套着标签,到时候一多你就晕了,看着简单实际上挺难
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-3-27 07:33:08 | 显示全部楼层

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-3-27 12:01:48 | 显示全部楼层

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
2 
发表于 2018-3-30 12:37:07 | 显示全部楼层
喜欢
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-4-27 08:43:35 From FishC Mobile | 显示全部楼层
瞪大眼睛学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-4-27 15:24:10 From FishC Mobile | 显示全部楼层
666,我要涨姿势
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-4-30 06:45:45 From FishC Mobile | 显示全部楼层
好好好
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-2 00:42:32 From FishC Mobile | 显示全部楼层
甲鱼老师辛苦啦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-2 19:01:29 From FishC Mobile | 显示全部楼层
看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-11 12:30:38 From FishC Mobile | 显示全部楼层
谢谢老师
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-14 15:10:32 From FishC Mobile | 显示全部楼层
Flash
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-16 08:58:32 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-5-21 15:21:13 From FishC Mobile | 显示全部楼层
alltolove 发表于 2018-3-21 11:18
h5就够复杂了,那标签套着标签,到时候一多你就晕了,看着简单实际上挺难

你好,我问一下1-20呢,为什么打开就是第21节
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
2 
发表于 2018-6-11 20:36:15 | 显示全部楼层
感谢科普
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-6-24 20:45:40 From FishC Mobile | 显示全部楼层
貌似,很强大
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-7-3 22:56:23 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-7-4 09:59:33 From FishC Mobile | 显示全部楼层
666
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-8-31 12:12:15 | 显示全部楼层
E: 实用Tips - 24 - 那些年你对HTML5和HTML4的#误以为 |【附IE神吐槽】 [修改]
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
最佳答案
0 
发表于 2018-9-11 22:42:57 | 显示全部楼层
开始学习啦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐上一条 /1 下一条

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号

GMT+8, 2018-12-13 22:46

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表