HTML5

来源：互联网发布：手机淘宝天猫编辑：程序博客网时间：2024/06/05 08:03

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)可缩放矢量图形。体积小、质量高、可控程度高

0 0