当前位置: 首页 > Web前端 > HTML5

HTML5-新特性

时间:2023-04-05 23:03:56 HTML5

1、新增语义标签:headerfooternavsection等2、为什么要使用语义标签:方便开发者阅读和编写更优雅的代码,同时让浏览器爬虫和机器更好的解析。3、输入表单属性:placeholdautofocusautocompleterequiredmultiplepattern输入元素类型(type):submit将表单中的内容提交到后台email检查邮件内容是否符合邮件格式urldatetimemonthweekdatetime-localnumberrangesearchcolortel4,HTML5newly添加智能表单标签:5.HTML5--draganddropuploaddraganddropmovedraganddropdeletedragstartdragstartdragenddragenddragentertargetareadragentermovedragoverintargetarea释放鼠标落入目标区域和离开目标区域dragleave元素如果要使用拖动api,需要设置draggable=true来阻止浏览器的默认行为:e.preventDefault();6.HTML5音频、视频音频和视频的一些属性:,audioisinvalidheightsetforvideo,audioisinvalidloop是否循环播放preload是否等待post加载后再播放海报设置视频封面播放video.play();播放视频。暂停();Pauseduration返回媒体的播放时长,以秒为单位muted是否静音paused是否暂停currentTime当前播放时间音量音量值(0-1)7、HTML5新增选择器:1)querySelector2)querySelectorAll3)getElementsByClassName8,HTML5定义属性及属性获取:1)定义方法:data-2)获取方法:dataset[]