H5概述

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中引入:

1
2
<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。定义预定义格式化文本。保留空格和换行