WEB开发-带你入门,走进HTML5的世界
HTML5 是最新的 HTML 标准,专门为承载丰富的 web 内容而设计的,并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素,并提供新的 API 简化 web 应用程序的搭建。
文档类型声明
新特性
1.特殊内容元素,比如:
2.表单控件,比如:calendar(日历)、date(日期)、time(时间)、email(邮件)、url(链接)、search(搜索框),number(数字);
3.绘画的 canvas 元素,支持图像的 svg 元素;
4.支持多媒体的 video 和 audio 元素;
5.强大的新的API,如:本地离线存储,本地SQL数据。
移除元素
,
语义元素
能清楚地向浏览器和开发者描述其意义,网页包含了指示导航、页眉以及页脚的 HTML 代码。
This is header
表单属性
form 新属性:autocomplete,novalidate
input 新属性:autocomplete,autofocus,form,formaction,formenctype,formmethod,formnovalidate,formtarget,height 与 width,list,min 与 max,multiple,pattern (regexp),placeholder,required,step
画布(Canvas)
Canvas 标签是图形容器,用于图形的绘制,可以绘制路径、矩形、圆形、字符以及添加图像等。
矢量图形(SVG)
用于定义用于网络的基于矢量的图形,使用 XML 格式定义,图像在放大或改变尺寸的情况下其图形质量不会有损失。
媒体(音频和视频)
音频使用 audio 在网页上播放音频,control 属性提供添加播放、暂停和音量控件。支持格式:MP3,Ogg,Wav。
视频使用 video 在网页上播放视频,control 属性提供添加播放、暂停和音量控件。支持格式:MP4,WebM,Ogg。
拖放(Drag 和 Drop)
将某对象拖入不同的位置,H5中任何元素都是可拖放的。
地理定位(Geolocation)
Geolocation API 用于获得用户的地理位置。
存储(localStorage 和 sessionStorage)
localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
保存数据:localStorage.setItem(key,value)
获取数据:localStorage.getItem(key)
删除单个数据:localStorage.removeItem(key)
删除所有数据:localStorage.clear()
得到某个索引的key:localStorage.key(index)
sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除数据。
保存数据:sessionStorage.setItem(key,value)
获取数据:sessionStorage.getItem(key)
删除单个数据:sessionStorage.removeItem(key)
删除所有数据:sessionStorage.clear()
得到某个索引的key:sessionStorage.key(index)
HTML5 web前端
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。