html5 新增标签

[super-fool]

html5新增标签的目的: 使语义化更清晰. 所谓的语义化就是使用合理的标签及其属性去描述/格式化文档内容. 好处: 提升网站对访客的易用性, 有助于搜索引擎建立搜索. SEO最有效的一种办法就是将html文档进行重构.

[super-fool]

audio/video标签:

<div>
    <audio src="http://www.51mokao.com/GroupAudios/201203/u12923-g40-20120318105315.mp3" controls="" width="500px">
</audio>
    <div>
    <button onclick="document.getElementsByTagName('audio')[0].pause()">
        pause
    </button>
    <button onclick="document.getElementsByTagName('audio')[0].play()">
        play
    </button>
    <button onclick="document.getElementsByTagName('audio')[0].volume-=1">
        -volume
    </button>
    <button onclick="document.getElementsByTagName('audio')[0].valume+=1">
        +volume
    </button>
</div>
</div>