H5和HTML5有什么关系
首先H5 != HTML5， H5 是一个产品名词 , HTML5 是一个技术名词。
H5指的不是HTML5，而是某种在微信等移动端看上去很酷炫能够提升公司逼格的单个页面的网站等等。 所以我们在谈论H5的时候，实际上是一种解决方案。他包括Html5、Css3以及HTML、CSS、JS等前端知识。
什么是HTML5
</br>
HTML5并不是一项技术，而是一个标准。HTML5 是对 HTML 标准的第五次修订，目前仍未完工。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。
新特性和新增标签
. 1 新特性
. 1 简洁的DOCTYPE <!DOCTYPE html>就可以告诉浏览器这个一个HTML文档。
. 2 简单易记的语言标签：你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。
. 3 简单易记的编码类型：你现在可以在meta 标签中使用”charset”：<meta charset=”utf-8″ />
. 4 某些便签可以不用闭合
. 5 更加语义化的标签 header(头部), section(片段) , footer(底部), aside(侧边栏) , nav(导航条) , main(主体) , article(文章) , figure(图片) 等。
. 6 新增了音频和视频标签 video 和 audio 元素
音频: ogg (ogg, oga), mp3, wav, AAC
视频: ogg (ogv), H.264 (mp4)
. 7 新的input表单控件，比如 calendar、date、time、email、url、search
. 8 2D/3D 制图
. 9 本地存储
. 10 本地SQL数据
. 11 Web 应用
. 2 新标签
让低版本的 IE 支持 HTML5新标签
<!--[if lt IE9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]--> // 必须放在head标签内
header , section , footer , aside , nav , main , article , figure
{
display:block;
}
input 有哪些新增类型
1. color
2. date
3. email
4. number
5. range
6. search
7. tel
8. mailto
网友评论