H5学习第一天(1)

前言:

(1)先去 w3school(http://www.w3school.com.cn)这个网站。

          快速的阅读 “HTML 教程”,重要的是看“HTML 基础教程”。

(2)学习目标:了解html5的新特性、不同标签的使用



正文:

在w3c官网,看到html5新特性,感觉刁刁的样子,接下来咱们一起学习新标签,go!

新特性

用于绘画的 canvas 元素     用于媒介回放的 video 和 audio 元素     对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section       新的表单控件,比如 calendar、date、time、email、url、search


(1)video标签

     关于视频你能想到的操作,他的属性都有包含

H5学习第一天(1)_第1张图片

(2)拖放(Drag 和 drop

H5学习第一天(1)_第2张图片

(3)canvas 元素用于在网页上绘制图形

      关于绘制动画啥的都能搞

H5学习第一天(1)_第3张图片

(4)支持内联 SVG

类似android矢量图,.9图什么的

H5学习第一天(1)_第4张图片

(5)HTML5 地理定位

H5学习第一天(1)_第5张图片

(6)HTML 5 Web 存储

localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储

(7)HTML 5 应用程序缓存

离线浏览 - 用户可在应用离线时使用它们

速度 - 已缓存资源加载得更快

减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

H5学习第一天(1)_第6张图片

(8)HTML 5 Web Workers

web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。

(9)HTML 5 服务器发送事件

(10)HTML5 新的 Input 类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

结尾:

         今天在看h5的时候,看到了很多关于微信小程序的讨论,记录一下自己的的看法哈,第一印象,腾讯那个坑比搞的能好到哪里去,就知道变现,深入了解,为什么腾讯说做os这么多人一而应,主要是对于中小企业的苦境,说白了投资少,说不定能火一把赚点大钱,接下来就有两条主线可说,第一中小企业的苦境是什么,第二微信小程序的现状以及前景。两条主线你都可以轻易从网络获知,我的看法,腾讯不会是小程序的唯一选择,很快大的企业也会做这样的事情,这个战场也许会硝烟弥漫,不知道谷歌爸爸有什么新的动作,也许谷歌苹果会引领潮流也说不定,方向已经有了,学习前端知识刻不容缓。


你可能感兴趣的:(H5学习第一天(1))