
HTML5
文章平均质量分 86
poorpenguin
这个作者很懒,什么都没留下…
展开
-
HTML5 基础(1)—— HTML5标签的变化
一、HTML5简介(二)HTML5的发展历程 (二)支持浏览器目前支持的浏览器有IE9+FirefoxOpearSafarichrome其他一些非主流浏览器 (三)WebAPP跨平台HTML5是唯一一个支持PC、Mac、iPhone、Android等主流平台的跨平台语言。 HTML5开发比原生APP开发成本低APP的改变Nativ...原创 2018-06-11 14:44:20 · 627 阅读 · 0 评论 -
HTML5 基础(2)—— 网页布局的改变、标签属性的变化
一、网页布局的改变二、标签属性的变化(一)input标签类型变化emailurlnumberrangedate pickersearchcolortel1.email(移动端)<input type="email" name="my-email"/&原创 2018-06-14 10:00:35 · 646 阅读 · 0 评论 -
HTML5 基础(3)—— HTML5音视频详解
一、音视频基础知识 a 视频 音频 说明 连续的画面、特定格式编码、媒体流 特定格式编码,媒体流 web格式 mp4、ogv 、webm mp3、ogg、wav早期播放视频和音频需要使用flash,HTML5后使用video/audio, 但是苹果端和移动端是不支持flash的。 二、video/audio标签及其常用属性...原创 2018-06-17 16:07:47 · 897 阅读 · 0 评论 -
HTML5 基础(4)—— HTML5表单新属性的使用和验证表单
一、HTML5表单常用属性这些都是比较常用的 属性名 说明 placeholder 在输入框无内容时显示灰色提示 autocomplete 部分输入框和form都可以设置自动提示 off关闭,on开启(默认是on) autofocus 让input自动获取焦点 required 设置表单元素为必填 pattern 表...原创 2018-06-25 11:20:37 · 10369 阅读 · 0 评论 -
HTML5 进阶(6)——Canvas绘图基础(坐标体系、绘图、描边、填充、转换、渐变、文本、动画)
一、canvas基本使用1.1 canvas元素<canvas>元素只有两个属性width、height,当没有设置width、height时,&a原创 2018-10-15 16:10:20 · 10236 阅读 · 4 评论 -
HTML5 进阶(1)——HTML5存储(本地存储:localStorage、sessionStorage、indexedDB; 离线存储:Application Cache)
一、本地存储我们经常会使用Cookie来存储键值队数据。但是Cookie本身存在一定的局限性。Cookie本身的局限性:存储大小限制,仅4KB左右。单个域名小的数量限制,50个左右。污染请求头,浪费流量所以对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更好,而且容量更大。Web Storage(本地存储)包含两种:localStorage 和 ...原创 2018-10-04 22:16:44 · 643 阅读 · 0 评论 -
HTML5 进阶(2)——拖拽上传
拖拽的应用在平时的开发中很常见,如拖拽生成调查问卷,通过拖拽就能生成模板网站的系统,拖拽上传,OA系统中拖拽生成上报的流程图。一、传统拖拽1. 基本写法<!DOCTYPE html><html lang="en">&原创 2018-10-08 10:32:42 · 398 阅读 · 0 评论 -
HTML5 进阶(7)—Canvas图表插件 chart.js的基础使用以及其他图表插件推荐
一、chart.jschart.js是简单而灵活的javascript图表插件,底层封装了canvas,而且是复合目前主流的响应式。官网: http://www.chartjs.org1.创建一个简单的图表chart.js目前有两种版本1.0版本和2.0版本,两个版本创建图表的方式有区别。2.0版本该方式是2.0版本新增的方式。有4种方式获取<canvas>元素var ...原创 2018-10-16 22:06:05 · 1544 阅读 · 0 评论