H5 新增那些特性:

1: 新增语义化标签HTML5 新增的语义化标签主要有:<article>  <section> <nav> <aside> <footer> <timer>...2: Form 表单增强input 的type 新属性: number, data, month, week, time, email, url 等等;input 标签新增加的特有属性:<input type="number" name="demoNumber" min="1" max="100"l step="2"></input><input type="number" name="demoNumber" placeholder="请注册邮箱"></input><input type="url" name="url" placeholder="请注册网址"></input><input type="tel" name="number" placeholder="请输入电话"></input><input type="date" name="datename" placeholder="请输入电话"></input><input type="color" name="颜色"></input><input type="text" autocomplete="on" name="demoAutoComplete" list="autoNames"></input>3: 视频和音频标签:<!-- 视频标签 --><video src="url" controls="controls"></video>  // src: 视频url  controls 展示控件, 如播放控件<audio src="url" loop="loop" muted="muted"></audio>   // src:  音频结束重新播放   muted  静音播放 HTML5  绘图:HTML5 的canvas 元素使用JavaScript  在网页上绘制图像,  画布可以是一个巨型区域, 可以控制每一像素。 canvas 拥有多种绘制路径, 矩形,  圆形, 字符以及添加图像的方法。<html><canvas id="myCanvas" width="200" height="100"></canvas>
</html>
<script>var c=document.getElementById("myCanvas"); //使用 id 来寻找 canvas 元素var cxt=c.getContext("2d"); //getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。cxt.fillStyle="#FF0000";  //fillStyle 方法将其染成红色。cxt.fillRect(0,0,150,75);  //fillRect 方法规定了形状、位置和尺寸。
</script>

H5 新增那些特性:相关推荐

H5新增特性之语义化标签
H5新增特性之语义化标签语义化标签顾名思义标签有自己的含义,浏览器或者程序员一看就知道是什么.在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式 ...
html标签：表格、列表、图片、文字、表单、以及h5新增特性
文章目录前言一.表格二.列表三.图片四.文字五.表单六.h5新增特性 1.语义化标签 2.表单新增input属性 3.datalist 4.filedset 5.mark标记标签 6.多 ...
H5新增了哪些新特性
目录前言 1.语义化标签 2.form表单增强 3.视频和音频 4.Canvas绘图 5.SVG绘图 6.地理位置定位(Geolocation API ) 7.拖放API 8.Web Worker ...
H5新增、CSS3以及ES5、ES6新增特性
1.H5新增新增特性:语义化标签.音视频处理API.canvas.拖拽释放API.history API.地理位置API.webSocket.web存储的localStorage和SessionSt ...
H5新增表单元素、控件
表单-新增控件类型 • HTML5 增加了多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,主要内容如下. • ①email.②url.③number.④range • ⑤Date pick ...
H5的新特性及API详解（很惊人）
H5的新特性及API详解(很惊人) 2017-01-20 17:00 4057人阅读评论(0) 收藏举报分类: h5(11) js函数(64) js技巧(15) 版权声明:本文为博主原创 ...
H5的Notification特性 - Web的桌面通知功能
本文为joshua317原创文章,转载请注明:转载自joshua317博客 https://www.joshua317.com/article/49 H5的Notification特性 - Web的桌 ...
h5新增浏览器本地缓存localStorage
h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(se ...
[html] H5的哪些特性需要https支持呢？
[html] H5的哪些特性需要https支持呢? service workers 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起 ...

H5 新增那些特性:

H5 新增那些特性:相关推荐

最新文章

热门文章