H5简单内容

1.简单认识H5

HTML5不仅仅是作为HTML标记语言的一个最新版本,更重要的是它指定了Web开发的一系列标准,成为第一个将Web作为应用开发平台的HTML语言.

我们日常讨论的H5其实是有一个泛称,他指的是有HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台.

2.语义化

所谓语义化是要使HTML标签具备很好的可读性,可以很清晰传达每个标签所要表达的意义,一方便其被友好的处理和解析.

3.语义化标签

对于语义化标签我们并不陌生,在此基础上HTML5增加 了更多的语义化的标签,有利于搜索引擎或辅助设备来理解HTML页面内容.

新的语义标签与<div>,<span>没有差别,知识其具有语义性,使用时除了在HTML结构上需要注意外,其他和普通标签的实用无任何差别,可以理解成<div class="nav">相当于nav

4.兼容处理

在不支持HTML5新语义的标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们需要将其转换为块级元素(block)即可,但是在IE9版本一下,并不能正常解析这些新标签,但是却可以是被通过document.creatElement('tarName')创建的自定义标签,于是我们的解决方案就是讲HTML5 的标签全部通过document.creatElement('tagname')来创建一遍,这样IE低版本也能正常解析HTML5了.

但在实际中,我们是通过检测ie浏览器的版本来和加载第三方的一个js库开解决兼容问题 的.

5.表单

HTML5中WEB表单方面有很大的改进,如拾色器,日期/时间组件等.使表单处理变的更高效

6.多媒体

在HTML5之前,在网页上播放音频/视频的通用方法时候利用flash实现的,但是大多情况下,并非所有用户的浏览器都安装了Flash插件,由此使得处理音频/视频播放变的非常复杂,并且移动设备的浏览器并不支持flash插件.

音频

HTML5通过<audio>标签来解决音频播放的问题

由于版本等原因,不同 的浏览器可支持播放的格式是不一样 的,通过audio指定多种音频格式兼容更多的浏览器

<audio>
        <source src="">
        <source  src="">
<audio>

　视频

HTML5通过<video>标签来解决音频播放的问题

由于版本等原因,不同 的浏览器可支持播放的格式是不一样 的,通过audio指定多种音频格式兼容更多的浏览器

<video>
    <sourse src="">
    <sourse src="">
<video>