
H5
文章平均质量分 81
敲代码的猫
在前端开发的路上不断奋斗的妹子
展开
-
HTML5的新特性--基础知识(1)
HTML5表单元素: input类型:电子邮件类型、搜索类型、URL类型、电话号码类型、数字类型、范围类型、颜色类型、日期类型、周类型、月类型、日期与时间类型、本地日期与时间类型 在其他版本的HTML中,表单包含的元素非常有限,并且属性也不多,尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码。上述的不足,都已经在HTML5中被克服了。HTML5在以上的基原创 2017-03-06 09:15:30 · 660 阅读 · 0 评论 -
HTML5的新特性--基础知识(2)
复习:1.新表单元素 全部都是由input标签组成 1.1 email:接收用户录入的email数据并验证 1.2 url:注意输入的内容必须以http://开头 1.3 search:显示效果和文本框差不多,只是多了一个删除效果 1.4 range:一般用于选取颜色、透明度等 范围: 属性:min最小值;max最原创 2017-03-06 09:19:42 · 738 阅读 · 0 评论 -
HTML5的新特性--基础知识(3)
1. setCustomValidity() 1.1 作用 自定义错误信息,一旦设置好了setCustomValidity(),当前表单是不允许被提交的,一旦提交,显示自定义错误信息 1.2 注意 setCustomValidity(""),一旦数据被修改正确后,需要通过setCustomValidity("")清空错误验证消息,使得表单允许原创 2017-03-06 09:22:41 · 751 阅读 · 0 评论 -
HTML5的新特性--基础知识(5)
canvas的文字API: 一、属性: 1.font:与css属性的font类似,表示与字体有关的所有属性 font="font-weight font-style font-size font-family" 一般在定义了font属性后,要设置font-family属性,否则可能出不来 如:font="bold italic 24px Verdana" 2.t原创 2017-03-06 09:47:37 · 421 阅读 · 0 评论 -
HTML5的新特性--基础知识(6)
拖放API: 两个存储系统:localStorage和sessionStorage localStorage多个标签访问同一个网站,各个标签都可以看到保存的数据 storage事件:存储空间每次发生变化时,都会触发这个事件。所以可以通过这个事件通知同一程序的每个窗口。目前主要是在Safari浏览器中兼容比较好。 语法:window.addEventListener('storage原创 2017-03-06 10:04:20 · 443 阅读 · 0 评论 -
HTML5的新特性--基础知识(4)
1、伪类顺序:一般遵循如下顺序,在低版本中防止不兼容问题 lvha a:link{} a:visited{} a:hover{} a:active{} 2、小苹果 3、当歌曲能够播放时,将时长显示在00:00处 canplaythrough事件 事件:是一种行为 方法:是一个操作 属性:是一种原创 2017-03-06 09:42:51 · 468 阅读 · 0 评论 -
定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表,图片+标题或者图片+标题+简单描述。以前的常规写法:title而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签。w3c赋予的定义:figure标转载 2017-03-07 14:55:41 · 688 阅读 · 0 评论