HTML5基本特征
向前兼容
H5向前兼容H4,H4可以直接在H5环境下运行,浏览器若不支持H5的新特新则会替换成相应的H4。
如表单输入类型若不支持新的type则转换为text类型。
跨平台运行
PC,手机,平板等支持H5的都可以无障碍运行H5运用,对H5游戏开发特别有利
简单易用
提供更加简单易用的特性。如属性可以大写可以小写,属性值可以用单引号也可以用双引号(推荐使用小写属性,属性值用双引号括起)
用户友好性
H5的新特性提升了用户的友好性和体验程度。
多媒体标签,canvas标签等元素,地理位置服务,本地数据存储,文件上传和离线应用等。
H5新功能
简化的DOC TYPE声明
H4对DOC TYPE的声明:
- 严格版:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">
- 过渡板:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
- 框架版:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3c.org/TR/html4/frameset.dtd">
H5中的定义:<!DOCTYPE html>
简化的编码字符集
H4中:<meta http="Content-Type" content="text/html;charset=utf-8">
H5中:<meta charseet="utf-8">
简化脚本和样式的引入
H5中引入:
<link rel="stylesheet" href="path/to/target.css" />
<script src="target.js"></script>
```
## 新增的全局属性
contenteditable:用于将HTML元素设置为可编辑状态,让用户可以实时编辑HTML元素。值有 true 和 false 。true为可编辑
spellcheck:对用户的输入进行拼写检查,语法检查不通过事浏览器使用下划线来提示。值有 true 和 false。
draggable:元素是否可拖动。值为 true 和 false
dropzone:规定被拖动元素被拖动时发生的动作。值为 copy,link,move:copy创建一个拖动元素的副本,move拖动元素移动到一个新的位置,link 创建拖动元素的一个链接
hidden:隐藏HTML元素。值为 hidden
## 语义化标签之文档元素
* header。定义文档结构的页眉,通常和Hn hgroup标签组合表示一个内容快的标题。或者包含一个搜索框,导航栏,logo等栏目
* footer。定义文档页脚,表示文档作者信息、相关链接、版权资料等。
* hgroup。定义文档中的标题组。内容快由主标题和多个副标题组成
* nav。 定义文档导航区域,用于文档的主导航,对于侧边栏目录搜索样式或者上一篇下一篇等不适用。
* article。定义文档中自成一体的内容。
* section。 定义文档结构中的章节内容。与article可相互嵌套。
* aside。 通常作为article标签中主要内容的附属信息部分,比如文章里面的参考文献
## 语义化标签之文本元素
* b。 定义加粗文本。
* i。定义斜体文本。
* u。定义下划线文本。
* code。定义代码段。
* q。定义引用文本。
* cite。定义引用文本,不过通常是书记或杂志的标题。
* time。时间显示文本,datetime属性表示具体的时间戳,pubdate=“pubdate”表示是否为特定文档的发布时间。
* blockquote。 标记长引用文本。
* pre。定义预定义格式化文本。保留空格和换行