HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升。
HTML5 的浏览器兼容
支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的 遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹 浏览器等国产浏览器同样具备支持HTML5的能力。
HTML5 语法
内容类型(ContentType)HTML5的文件扩展符与内容类型保持不变,仍然为".html"或".htm"。DOCTYPE声明不区分大小写指定字符集编码meta charset="UTF-8"可省略标记的元素不允许写结束标记的元素:br、col、embed、hr、img、input、、link、meta
可以省略结束标记的元素:li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
可以省略全部标记的元素:html、head、body、colgroup、tbody省略引号属性值可以使用双引号,也可以使用单引号。
HTML5 新增语义化标签
section元素 表示页面中的一个内容区块
article元素 表示一块与上下文无关的独立的内容
aside元素 在article之外的,与article内容相关的辅助信息
header元素 表示页面中一个内容区块或整个页面的标题
footer元素 表示页面中一个内容区块或整个页面的脚注
nav元素 表示页面中导航链接部分
figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
main元素 表示页面中的主要的内容 (ie不兼容)
兼容低版本浏览器:
Video和audio的应用
video元素 定义视频Video元素audio元素 定义音频Audio元素
controls属性:如果出现该属性,则向用户显示控件,比如播放按钮。
autoplay属性:如果出现该属性,则视频在就绪后马上播放。
loop属性:重复播放属性。
muted属性:静音属性。
poster属性:规定视频正在下载时显示的图像,直到用户点击播放按钮。
起前端很多人都会想到HTML、CSS等,今天给大家分享下前端的一个进化史。
首先我们来了解一下浏览器的一个发展历史
1、1991年,WorldWideWeb浏览器发布,这款可以说是祖父级别的,它是全球用户最早注册的WEB浏览器,WorldWideWeb开发始于20世纪80年代末,之后10年间经过MTV的宣传以及Commodore 64的完善,终于在1991年这个有跨时代意义的Web浏览器发布了。WorldWideWeb原理很简单,可以显示基本的样式表。
2、1992年,Erwise发布,他被称为世界上第一个图形网页浏览器,它是由赫尔辛基科技大学的4个芬兰学生开发,主要是针对在Unix上运行 XWindows的需要。ViolaWWW,它是最高老的浏览器之一,在1992年5月份发布,它的开发者是美国加州大学的学生Pei-Yuan Wei,他的目的和Erwise一样是针对在Unix上运行 X Windows的需要。MidasWWW也是1992年发表的,它是由托尼约翰逊在斯坦福线型加速器中心研发的。Lynx首发也是在1992年,它提供了一个语音转换接口为视觉和听觉障碍的人群提供了很好的功能。
3、1993年,Mosaic1.0发布,Mosaic可以说在一定程度上升华了Erwise的图形化,并且将图形化浏览器推向了万维网的主流。Arena浏览器是第一个支持背景图片,表格、文字绕流图片和内嵌数学表达式的浏览器,支持背景图片,表格等。
4、1994年,Cello发布,他支持的就比较多了,WorldWideWeb、Gopher、FTP、CSO/ph/qi、Usenet News retrieval以及其他的一些协议,他当时成为了Windows平台上第一款浏览器。IBM WebExplorer也在同年发布,IBM推出自己的操作系统,WebExplorer也是强行捆绑在了他的系统系统上。Netscape Navigator它是一款独立的浏览器,而其在当时他的市场份额远远超过了微软的Internet Explorer。
5、1995年,IE发布,浏览器之战也就此爆发。微软的Internet Explorer在此年首次推出,为了打造最好的浏览器,微软的源代码从Mosaic上获益匪浅,学习并迅速开始调整自己的浏览器,IE早期并没有捆绑在Window95上,而是作为Window95插件包的一部分进行捆绑,当时他只有1M大小。IE2在同年晚些时间发布,微软当时声称这是一个跨平台的浏览器,支持Window和Mac,IE2也加入了支持JavaScript的潮流中,它支持安全套接字层(SSL),Cookie和包括英语在内的12种语言。IE3正式捆绑在了Windows 95OSR2中,它是第一个支持CSS的主流浏览器,IE3摆脱了Spyglass源代码的局限,开始支持ActiveX控件,Java小程序,和Internet邮件。
6、1996年,Opera发布,Telenor是挪威最大的通讯公司,他们推出了Opera,并在两年后进军移动市场,推出了Opera的移动版
7、1997年,IE4伴随着Windows 98操作系统一起发布。在发布Window Xp之前发布了IE6,并且新系统中包括了浏览器的最新升级补丁。随后IE逐渐占据了市场绝大部分份额。其他浏览器败下阵来。
8、1998年,Netscape浏览器走向开源,和IE之争最后以失败告终。
9、2003年,苹果Safari浏览器发布,苹果进入浏览器市场推出了自己的Webkit引擎,该引擎非常优秀,后来被Google,Nokia之类的厂商用于手机浏览器。
10、2004年,Firefox引发了第二场浏览器之争
11、2006年,IE7发布,IE6发布的第六年,迫于Firefox的压力,微软匆匆推出IE7应战,吸取了Firefox的一些设计思想。
12、2008年,Google的Chrome参战,Google发布了他们自己的浏览器,以轻量级,快,异常的稳固让这款浏览器成为了一个不可轻视的对手。
以上就是浏览器的一个大致发展历程了。接下来看看HTML的一个发展史。
HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的基石。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
1、1993年6月互联网工程工作小组(IETF)工作草案发布(并非标准)
2、1995年11月作为RFC 1866发布 HTML2.0
3、1997年1月14日,HTML3.2,W3C推荐标准
4、1997年12月18日,HTML4.0,W3C推荐标准
5、1999年12月24日,HTML4.01,W3C推荐标准(这次有了微小的改进)
6、2014年10月28日,HTML5发布,W3C推荐标准
下面我们来看CSS的发展史
1、1996年12月,W3C推出CSS第一个版本
2、1998年,W3C发布了CSS第二个版本
3、2001年5月,W3C开始进行CSS3的标准制定,但是到目前为止该标准还没有搞定。
接着我们来看JavaScript的发展史
1、1992年,一家称作Nombas的功法开发了一种叫做C减减(C-minus-minus)的嵌入式脚本语言,并将这个语言捆绑在一个可嵌入到浏览的CEnvi的共享软件中,代表了万维网上使用的客户端语言。
2、1995年,LiveScript发布,后面重命名为JavaScript
3、1997年,JavaScript1.1 作为一个起草提交给欧洲计算机制造商协会(ECMA),ECMA指派由来自Netscape,Sun,微软,Borland和其他一些对脚本编程感兴趣的公司的程序员组成的第39技术委员会(TC39)锤炼出了ECMA-262,该标准定义了一个名为ECMAScript的全新脚本语言。
以上就先整理这么多吧,更多的内容在后续后推出,有想法的朋友可以在下面评论,或者有好的建议也可以评论下方,如果你有更好的看法或者意见可以告诉我。更多干货文章后续持续推出。
多小伙伴们在催更让聊聊前端。
我之前说过了,现在的前端涉及到的技术超多,所以我一直在往后放它,因为我作UP的目的就是想作些短视频,不想长篇大论。但是既然小伙伴们非常感兴趣,今天咱们就好好聊聊前端,我还是以回顾我的开发经历为主,咱们梳理下WEB前端技术的发展史。
WEB==网站,网站的前端=网页HTML
前端这个词就是从那时候出现的,再早的EXE开发是不分前后端的,都是VC/DELPHI程序员一个人开发,你也可以理解成之前说的混合开发模式.
前端!=前台,咱们现在说的前台/后台都是指业务操作层面,而不是技术层面.
前端,后端是技术层面
还是回到2000年,
上次说过了后端或者说混合开发那三架马车:JSP,ASP,PHP
WEB前端的三架马车fireworks,flash,dreamweaver
其中用DW来开发HTML(DOM)/CSS/JS/jQuery
现在好用的WEB前端IDE:
JetBrains的WebStorm,微软的VS Code
=======老前端========
H5时代(WEB2.0)
HTML5/CSS3/TypeScript(它是实现ES标准比较好的前端脚本语言)
前端面试经常问:H5和HTML的区别是什么?
很多人回答多了些新标签.这回答,呵呵
H5比HTML多出来的东西是技术层面上的,而不是几个<标记>.
比如H5有了WebGL(是OpenGL的WEB版=JS+canvas开发游戏)
多线程
websocket
前端SQL
多种storerage
这个我不细查了,大家可以搜索下.
CSS开发也可以像编程那样来开发CSS了,lass,sass,stylus
定义变量,循环,判断啥的,一打包就替你生成css
TypeScript对于老前端是最难掌握的,因为它和JS基本就不是一个东西了,好吧.
反倒是Java后端学TypeScript非常快,老JS前端学起来慢.核心就是面向对象,当然语法上TS也更像JAVA
H5移动端的概念
CSS3 媒体查询=自适应窗口
所以可以根据窗口尺寸来判断你是PC还是手机(移动端)
根据手机窗口编写的H5网页就称为H5移动端.
咱们以后要讲App几大开发框架,在此要明白H5移动端并不等于App,H5移动端是App的一种前端开发方式,这个以后再讲.
前端自动化工具:gulp,grunt,webpack(现在基本都是这个了)
现在的浏览器不能直接运行TypeScript,lass,sass,stylus,所以需要有个打包的过程,打包=将新语言编写的代码编译成js,css.这两个是传统技术,现在的浏览器都能直接运行它们
UI框架:也就是界面库,比较早的有easyui(OFFICE风格)
LayUI(作PC后台)
MUI,SUI,WEUI(微信)(H5移动端页面)
前端开发框架:vue国产,谷歌的angularjs,angular(NG)这完全是两个东西,facebook的Reactjs(react的前端部分,后端叫ReactNative这个咱们到App开发框架时再提.
reactjs的渲染机理和DOM不同,但是语法也是标记语言)
现在不管是大城市还是小城市对前端的招聘量都是巨大的,薪水高高的,但是合格的新老前端特别难招,原因就是刚才说的老前端还好说些,但是新老前端都会的非常少,刚毕业的不会这么多,需要时间来积累.
来个总结:
合格的前端要掌握的技术
HTML,CSS,JS,JQ,HTML5,CSS3,TypeScript,AJAX,JSON,WebSocket,WebGL,前端存储(sql,storerage),UI框架(easyui,layui,mui,weui,aui,这个UI那个UI)三大前端框架zepto,Vue,NG,ReactJS
前端的东西相当多,我今天应该肯定没说全,欢迎大家在评论里补充.
今天就聊到这里,谢谢大家观看,下次一定,再见
*请认真填写需求信息,我们会在24小时内与您取得联系。