什么是HTML5,做HTML5页面需要学习什么

什么是HTML5,做HTML5页面需要学习什么?很多人问过我这个问题,而问这个问题的人基本上都是刚听说过HTML5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过自己的努力做出这些页面,而这些页面效果一般只要通过简单的html和css就能实现,但这仅仅是表面现象,做出来与做好是两码事。而要做好它,必须要深入地去了解什么是HTML5。

在这里小编建了一个前端学习交流扣扣群:132667127,我自己整理的最新的前端资料和高级开发教程,如果有想需要的,可以加群一起学习交流


网上有很多说法,说HTML5就是html的第5个版本,其实这不完全正确,HTML5已经不是单纯的一门标识语言,它是一门综合的技术,除了最基本的html、css、javascript外,还能够提供音频视频、图像动画、本地存储以及各种重要接口,为下一代互联网应用提供了全新平台。应该说有了HTML5,我们就能轻松实现类似桌面的应用(比如各种管理系统、手机app应用等)。

HTML5现在为什么收到很多企业的青睐,最关键的一点是跨平台,所谓的跨平台就是做出来的东西能够适应各种浏览器、各种设备、各种系统(iSO、安卓等),还能适应不同屏幕大小。对于企业来说,这样就能大大减少人力成本、时间成本等。你知道安卓开发、iOS开发现在为什么需求会有下降?其实,这部分市场被HTML5占领了。试想,一个企业开发一款app,要在安卓和iOS上都能运行,那么就需要两个开发团队,人力成本上去了,后面的维护也变得没那么容易。HTML5的出现解决了企业的难题,所以现在HTML5开发人员的需求依然紧缺。那么如


何学习才能成为一个合格HTML5开发者呢,首先需要了解我们需要学习什么才能胜任这份工作。首先前端三板斧(html、css、javascript),这个是必须要会的,但光这几个还不够,前端有句名言:“欲精一行,必先通十行”,所以还有以下这些:

1) 从团队项目的角度出发,还需要了解版本管理方面的知识。

2) 从效率上来说,我们需要学习一些提高工作效率的框架与工具。

3) 从用户体验的角度出发,我们还得了解用户的使用习惯及UI界面的美化。

4) 从性能的角度出发,我们还得学习各种优化技巧。

5) 从自身的角度出发,我们还得懂得如何使用接口,如何查看文档。


其实还有很多细节的地方,所以要能做出完美的HTML5页面,我们必须要学好以上知识。之前也有很多朋友问我,自学能不能学好HTML5,我要说的是:如果你是一个有着良好自制力和心态并且意志力坚强的人,完全没问题,但以上三点做不到,那你就得参加HTML5培训班来学习,利用身边的人来约束自己坚持努力地去学同样可以把HTML5学好。培养兴趣很重要,要轻松愉快地学习,不要让学习成为你的负担。说了那么多,希望能帮到你。

原文地址:https://blog.51cto.com/14447253/2424786

时间: 2024-11-05 21:57:15

什么是HTML5,做HTML5页面需要学习什么的相关文章

html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick="select();"。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

HTML5做手机站页面字体显示很小的解决方法

原文:HTML5做手机站页面字体显示很小的解决方法 HTML5做手机站需要加上一部分代码,不然字体会显示很小的,经历了很久的不解才发现的,希望给大家一些帮助 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org

HTML5+CSS3静态页面项目-PayPaul的总结

学习前端有一段时间了,一直在看书上的理论知识,而实战项目却很少.师兄常说,想要知道自己的实力有多少,知识掌握了多少,最好的方法就是去实践了,实践出真知嘛.于是决定在这个假期里,主要是通过项目的实践以及理论知识的辅助来提高代码水平.首先是做几个HTML5+CSS3静态页面布局的练习,查缺补漏知识点并且总结在实践过程中遇到的一些错误.页面的设计稿主要是网络上找来了的,也尝试自己切图.测量位置.获得内容的属性等等,假装自己真的在完成一个项目. 第一个页面是从设计达人这个平台上找来的,这个平台的页面设计

HTML5+CSS3静态页面项目-BusinessTheme的总结

因为期末考试.调整心态等等的种种原因,距离上一次的项目练习已经过了很久了,今天终于有时间继续练习HTML5+CSS3的页面架构和设计稿还原.设计图很长,整个页面分为了好几个区域,所以就不放完整的设计图了,具体的设计文件可以在文末的Github地址中下载.第一次的总结是以我对页面架构的理解,按照代码实现顺序讲解的,那这一次就按照遇到的问题总结性地记录吧.欢迎大家看完我的作品和总结以后,提出宝贵的建议!谢谢大家! 经过上一次的练手,这次的练手就更加从容了,不仅仅是为了查缺补漏,也是为了解决问题的同时

html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式

对于动端网页编写CSS网上有很多介绍的文章,但在实际使用过程中还是会纠结. 网上的资料太多,且大多都是技术介绍型,特别是针对android上,网上写的各种麻烦,各种复杂,各种不接地气儿... 我在做移动端网页时,总是和美工设计的页面有出入,主要还是由于双方对移动端HTML5实现页面还了解还不够. 今天就研究一下各大互联网公司对于移动端页面的处理方式. 主要研究对象:BAT(度娘,阿狸,企鹅)这几家的移动端网站或webapp 主要研究点:viewport的设置,字体的设置,图片原始宽高设置 汝甚吊

html5中让页面缩放的4种方法

html5中让页面缩放的4种方法 2013-10-22 14:45:03 分类: Web开发 1.viewport这种方法,不是所有的浏览器都兼容 2.百分比这种方法,可以兼容大部分浏览器,但是修改幅度比较大.main .login .txt1{margin-top:8.59375%; position:relative;}3.css transform这种方法,可以兼容大部分浏览器,但是页面的位置是居中的.w320{transform: scale(1,1);-ms-transform: sc

html5 全屏滚动活动页学习

先看几个具体的实例: 1.腾讯娱乐:http://ent.qq.com/zt2014/qqent/h5.htm?from=groupmessage&isappinstalled=0 2.苏宁互联 :http://image.suning.cn/images/game/hlwx/index.html?from=timeline&isappinstalled=0#rd3.qq音乐:http://y.qq.com/m/act/year10/04.html?ADTAG=weixin&fro

用jQuery Mobile做HTML5移动应用的三个优缺点

在过去大约一个月的时间里,我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用.我之前曾经写过Android和iOS应用程序(分别用Java和Objective-C),因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代,这样的许诺十分诱人. JQuery Mobile & HTML5 使用HTML5和JavaSript构建一个手机应用,你需要写很多JavaScript代码.然而,带有触摸屏的设备的UI控制和处理

HTML5 增强的页面元素

一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = document.getElementById("num1").valueAsNumber; 七.HTML5 增强的页面元素 1.figure.figcaption <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,