HTML5相对于后台和开发而言比较简单。所见即所得,不需要太多的算法与逻辑。
HTML5的学习路线分享给你:
1、HTML5+CSS3+JQ的学习
真正的了解HTML5的新特性,CSS3的新属性,我们换句话说HTML5就是一个全新的JavaScript,就是我上面说的,如果你JS学的不好,HTML5很难,本来他们就是配合在一起的东西,JQ是JS的框架,相对不是很难,但是学习方法很重要。
2、HTML+CSS+JS
在第一阶段中,我们要学习最基础的静态布局,HTML+CSS很好搞定,这里特别提出一定要下功夫攻破JS,因为JS是最难的,也是前端开发者的工资标准,见过很多人学不懂JS,要跟着大量的案例进行学习,学习方法也是非常的重要。
3、前端的一些主流框架的学习
现在公司都是必须用框架的,这些我们必须要掌握,但是有些框架的难度还是很大的,因为都跟JS有关系,这个脚本语言,基本会伴随我们前端开发者的一生,只要你还在做前端,一定缺少不了前端的JS,说白了我们做前端就是特效,就是需要JS,所以一定要学好JS,一个好的学习方法非常重要。
HTML5是由HTML+CSS+JavaScript组成的。
HTML表示结构,CSS表示样式,JavaScript表示行为
JavaScript是一门脚本语言,包含原生JavaScript、Ajax以及jQuery这类典型框架
还需要学习Vue、微信小程序等当前主流知识(基于HTML5的扩展性知识)
除上述典型的WEB前端技术之外,还需要学习WEB前端(HTML5)相关技术,包括SEO的部分知识(用于掌握标签的语义性),PS的部分知识(用于切图),后台的部分知识(用于更好的进行数据交互)。
关于具体模块的知识内容,可以查看《HTML5课程内容》
跟HMTL相比,HTML5新增了很多内容,其中有一些特性是作为开发人员必须要了解的。一个叫秒秒学的教学网站上有专门针对HTML5的课程,讲解得还蛮细致,推荐你去看看。1.新的文档类型 (New Doctype)
HTML5简化了文档类型的声明方式。HTML5的声明方式为:<!DOCTYPE html>。
而之前的文档类型的声明方式是非常复杂,并且难以记忆的,比如XHTML 1.0的文档类型是:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
2.脚本和链接无需type
在HTML4或XHTML中,你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>
而在HTML5中,你不再需要指定type属性。因此,代码可以简化如下:
<link rel="stylesheet" href="stylesheet.css" />
<script src="script.js"></script>
3.更加语义化的元素
HTML5 新增的一些更具有语义化的新标签来替代<div>标签,但它们并不提供额外的功能。这些新增的标签是:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>等。
4.占位符 (Placeholder)
在HTML4或XHTML中,一般需要用JavaScript来给文本框添加占位符。比如:通过脚本设置,当用户开始输入时,文本框中的文字就消失。而在HTML5中,新增的逗placeholder地功能可以很简单的解决这个问题。
5.Audio 和Video 支持
在HTML5之前,网页通常需要依靠第三方插件来渲染音频。而在HTML5中,<audio>元素被引进来后,我们可以使用audio元素来渲染音频。
在HTML5中,不仅新增渲染音频的元素,同时也新增了支持视频的元素video。
6.离线 &存储
IndexedDB 是一个为了能够在客户端存储可观数量的结构化数据,并且在这些数据上使用索引进行高性能检索的 API。虽然 DOM 存储 对于存储少量数据是非常有用的,但是它对大量结构化数据的存储就显得力不从心了。IndexedDB 则提供了这样的一个解决方案。
7.HTML5 canvas
<canvas>是 HTML5 新增的元素,可使用JavaScript脚本来绘制图形。例如:画图,合成照片,创建动画甚至实时视频处理与渲染。
8.设备访问
HTML5新增的特性中,允许通过页面元素访问硬件设备,比如:[ ]摄像头、地理位置服务、检测方向、触控事件等。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)