HTML5元素介绍
这篇文章给大家分享的是HTML5新增元素的详细介绍,相信刚入门的小伙伴都还不了解,为了让大家更加了解,给大家总结了以下内容,话不多说,一起往下看吧。
站在用户的角度思考问题,与客户深入沟通,找到平阴网站设计与平阴网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都做网站、成都网站建设、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖平阴地区。
一、HTML5增加元素:
用于图形绘制,通过脚本(常用JS)来完成;具体请参考JavaScript; 矢量图,支持内联; 用于书写数学字符; 显示视频;(支持MP4,WebM,Ogg);内容里边需要有sorce标签给定的源文件;具体请参考JavaScript; 显示视频;(支持MP3,wav,Ogg);内容里边需要有sorce标签给定的源文件;具体请参考JavaScript;
二、新的元素和属性
(一)新的标签中新增属性:
type属性新增值: color 颜色选择框; date 日期选择器(部分浏览器不支持); datetime-local 日期和时间选择器; time 时间选择器; week 周选择器; email 邮件地址验证; url url验证; month 月份选择; number 数值输入,可用以下属性进行更多限定, disabled,max,min,maxlengh,pattern(正则表达式),readonly,requried,size,step,value; range 数值选择,显示为一个滑块,需用更多属性进行限定:max,min,step,value; autofocus 不需要值,如果给定此属性,则在加载页面时输入域自动获得焦点; form 设置输入域属于某一个或多个表单,多个表单之间用空格分隔; formaction 值会覆盖
(二)新的表单元素:
与一起使用,来设定预定义值,每个值用
(三)新的语义元素;
语义元素用来明确一个Web页面的不同部分;
定义导航链接的部分; 定义文档中的节; 标签定义独立的内容; 定义页面主区域内容之外的内容;
(四)新的全局属性:
contenteditable 元素是否可编辑,值有true,false; contextmenu 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单,值为要打开
(五)新的存储方式:
localStorage 本地存储,永久性的; sessionStrorage 针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除;
但这两种方式的都是通过脚本来实现的;
三、全局事件属性(html4后支持,主要用于浏览器触发事件后运行的脚本,值都是script):
1.窗口事件属性
onafterprint 打印文档后运行脚本; onbeforeprint 打印文档前; onbeforeonload 文档加载前; onload 文档加载时; onoffline 文档离线时; ononline 文档上线时; onhaschange 文档改变时; onredo 文档再次执行时; onundo 文档执行撤销时; onerror 出现错误时; onmessage 触发消息时; onunload 用户离开文档时; onblur 窗口失去焦点时; onfocus 窗口获得焦点时; onpagehide 窗口隐藏时; onpageshow 窗口可见时; onpopstate 窗口历史记录改变时; onresize 窗口大小改变时; onstorage web storage区域更新时;
以上就是HTML5新增元素的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎关注创新互联行业资讯!
本文题目:HTML5元素介绍
文章出自:http://myzitong.com/article/gcdgos.html