HTML5=HTML↑+CSS↑+Javascript↑,HTML5提供全套的解决方案,承包了页面结构、元素样式+用户与页面的交互效果。
因为H5可以做出和客户端近似的体验,所以H5让Web开发重新回归富客户端的时代。
**input-option,progress,link通过rel来表达页面与页面之间的关系。
**对于不兼容新标签的浏览器,可用js进行控制:
document.createElement('header');
即将每一个新标签都建立一个对应的标签
也可以用谷歌的一个封装好的工具html5shiv.js;
数据结构标记
Accessible Rich Internet Application(无障碍富互联网应用程序):针对于屏幕阅读设备,更多语义化让终端能“读懂”页面,以通过独特的理解方式供特殊用户(盲人)使用。
通过role的方式告知。e.g. <div role="navigation"></div> 告知机器该div是一个导航栏
自定义属性data-*
addEventListener('click',function(){});可同时添加多个事件。
setAttribute('data-age',item.age);将item标签的age属性设置为'data-age'
audio标签
<audio id="audio" src="music.mp3"></audio>
<button id="btn">播放</button>
var btn = document.getElementById('btn');
var audio = document.getElementById('audio');
btn.addEventListener('click',function(){
audio.play();
})
video,以及字幕标签。
SVG(Scalable Vector Graphics)可缩放矢量图形。体积小、质量高、可控程度高