什么是H5?
总听到很多人说H5,现在H5很火,到底H5是什么,以下发表个人对H5的理解。
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
设计目的
- · 新的解析规则增强了灵活性
- · 新属性
- · 淘汰过时的或冗余的属性
- · 一个HTML5文档到另一个文档间的拖放功能
- · 离线编辑
- · 信息传递的增强
- · 详细的解析规则
- · 多用途互联网邮件扩展(MIME)和协议处理程序注册
- · 在SQL数据库中存储数据的通用标准(Web SQL)
HTML5在2007年被万维网联盟(W3C)新的工作组采用。这个工作组在2008年1月发布了HTML 5的首个公开草案。眼下,HTML5处于“呼吁审查”状态,W3C预期它将在2014年年底达到其最终状态。
特性:
语义特性(Class:Semantic)
新元素
canvas
标签
|
描述
|
---|---|
<canvas>
|
标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
|
多媒体
标签
|
描述
|
---|---|
<audio>
|
定义音频内容
|
<video>
|
定义视频(video 或者 movie)
|
<source>
|
定义多媒体资源 <video> 和 <audio>
|
<embed>
|
定义嵌入的内容,比如插件。
|
<track>
|
为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
|
表单
标签
|
描述
|
---|---|
<datalist>
|
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
|
<keygen>
|
规定用于表单的密钥对生成器字段。
|
<output>
|
定义不同类型的输出,比如脚本的输出。
|
语义和结构
标签
|
描述
|
---|---|
<article>
|
定义页面的侧边栏内容
|
<aside>
|
定义页面内容之外的内容。
|
<bdi>
|
允许您设置一段文本,使其脱离其父元素的文本方向设置。
|
<command>
|
定义命令按钮,比如单选按钮、复选框或按钮
|
<details>
|
用于描述文档或文档某个部分的细节
|
<dialog>
|
定义对话框,比如提示框
|
<summary>
|
标签包含 details 元素的标题
|
<figure>
|
规定独立的流内容(图像、图表、照片、代码等等)。
|
<figcaption>
|
定义 <figure> 元素的标题
|
<footer>
|
定义 section 或 document 的页脚。
|
<header>
|
定义了文档的头部区域
|
<mark>
|
定义带有记号的文本。
|
<meter>
|
定义度量衡。仅用于已知最大和最小值的度量。
|
<nav>
|
定义运行中的进度(进程)。
|
<progress>
|
定义任何类型的任务的进度。
|
<ruby>
|
定义 ruby 注释(中文注音或字符)。
|
<rt>
|
定义字符(中文注音或字符)的解释或发音。
|
<rp>
|
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
|
<section>
|
定义文档中的节(section、区段)。
|
<time>
|
定义日期或时间。
|
<wbr>
|
规定在文本中的何处适合添加换行符。
|
已移除元素
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
技术要点
重要标记
程序接口
元素变化
控件
图表库
- jChartFX充分利用了HTML5,CSS和SVG,让您能够在浏览器提供美观优越的图表和更丰富的最终用户体验。
- jChartFX拥有很多令人振奋的功能,它在无插件纯JavaScript的浏览器上运行,这意味着在提高了网站安全性和速度的同时,最大程度的减少了网站服务器的负荷。
- jChartFX还能够自动整合到jQuery UI ThemeRoller,自动读取并解释jQuery的主题和CSS文件,能够快速适应您的页面布局和设计,无需一行代码。
- jChartFX支持JSON,JSON能够帮助您实现,任何数据源中的数据都可以展现到图表中。
- jChartFX还支持超过40种的2D、3D图表类型,免费的图表控件中支持如此之多的图表展示类型实属难得。
标签
标签
|
描述
|
||
---|---|---|---|
<!--...-->
|
定义注释
|
4
|
5
|
<!DOCTYPE>
|
定义文档类型
|
4
|
5
|
<a>
|
定义超链接
|
4
|
5
|
<abbr>
|
定义缩写
|
4
|
5
|
<acronym>
|
HTML 5 中不支持
|
4
|
|
<address>
|
定义地址元素
|
4
|
5
|
<applet>
|
定义 applet(HTML 5 中不支持)
|
4
|
|
<area>
|
定义图像映射中的区域
|
4
|
5
|
<article>
|
定义 article
|
5
|
|
<aside>
|
定义页面内容之外的内容
|
5
|
|
<audio>
|
定义声音内容
|
5
|
|
<b>
|
定义粗体文本
|
4
|
5
|
<base>
|
定义页面中所有链接的基准URL
|
4
|
5
|
<basefont>
|
HTML 5 中不支持,请使用CSS 代替
|
4
|
|
<bdo>
|
定义文本显示的方向
|
4
|
5
|
<big>
|
定义大号文本(HTML 5 中不支持)
|
4
|
|
<blockquote>
|
定义长的引用
|
4
|
5
|
<body>
|
定义 body 元素
|
4
|
5
|
<br>
|
插入换行符
|
4
|
5
|
<button>
|
定义按钮
|
4
|
5
|
<canvas>
|
定义图形
|
5
|
|
<caption>
|
定义表格标题
|
4
|
5
|
<center>
|
定义居中的文本(HTML 5 中不支持)
|
4
|
|
<cite>
|
定义引用
|
4
|
5
|
<code>
|
定义计算机代码文本
|
4
|
5
|
<col>
|
定义表格列的属性
|
4
|
5
|
<colgroup>
|
定义表格列的分组
|
4
|
5
|
<command>
|
定义命令按钮
|
5
|
|
<datalist>
|
定义下拉列表
|
5
|
|
<dd>
|
定义定义的描述
|
4
|
5
|
<del>
|
定义删除文本
|
4
|
5
|
<details>
|
定义元素的细节
|
5
|
|
<dfn>
|
定义定义项目
|
4
|
5
|
<dir>
|
定义目录列表(HTML 5 中不支持)
|
4
|
|
<div>
|
定义文档中的一个部分
|
4
|
5
|
<dl>
|
定义定义列表
|
4
|
5
|
<dt>
|
定义定义的项目
|
4
|
5
|
<em>
|
定义强调文本
|
4
|
5
|
<embed>
|
定义外部交互内容或插件
|
5
|
|
<fieldset>
|
定义 fieldset
|
4
|
5
|
<figcaption>
|
定义 figure 元素的标题
|
5
|
|
<figure>
|
定义媒介内容的分组,以及它们的标题
|
5
|
|
<font>
|
HTML 5 中不支持
|
4
|
|
<footer>
|
定义 section 或 page 的页脚
|
5
|
|
<form>
|
定义表单
|
4
|
5
|
<frame>
|
定义子窗口(框架)(HTML 5 中不支持)
|
4
|
|
<frameset>
|
定义框架的集(HTML 5 中不支持)
|
4
|
|
<h1> to <h6>
|
定义标题1 到标题6
|
4
|
5
|
<head>
|
定义关于文档的信息
|
4
|
5
|
<header>
|
定义 section 或 page 的页眉
|
5
|
|
<hgroup>
|
定义有关文档中的 section 的信息
|
4
|
5
|
<html>
|
定义 html 文档
|
4
|
5
|
<i>
|
定义斜体文本
|
4
|
5
|
<iframe>
|
定义行内的子窗口(框架)
|
4
|
5
|
<img>
|
定义图像
|
4
|
5
|
<input>
|
定义输入域
|
4
|
5
|
<ins>
|
定义插入文本
|
4
|
5
|
<keygen>
|
定义生成密钥
|
5
|
|
<isindex>
|
定义单行的输入域(HTML 5 中不支持)
|
4
|
|
<kbd>
|
定义键盘文本
|
4
|
5
|
<label>
|
定义表单控件的标注
|
4
|
5
|
<legend>
|
定义 fieldset 中的标题
|
4
|
5
|
<li>
|
定义列表的项目
|
4
|
5
|
<link>
|
定义资源引用
|
4
|
5
|
<map>
|
定义图像映射
|
4
|
5
|
<mark>
|
定义有记号的文本
|
4
|
5
|
<menu>
|
定义菜单列表
|
4
|
5
|
<meta>
|
定义元信息
|
4
|
5
|
<meter>
|
定义预定义范围内的度量
|
5
|
|
<nav>
|
定义导航链接
|
5
|
|
<noframes>
|
定义 noframe 部分(HTML 5 中不支持)
|
4
|
|
<noscript>
|
定义 noscript 部分
|
4
|
5
|
<object>
|
定义嵌入对象
|
4
|
5
|
<ol>
|
定义有序列表
|
4
|
5
|
<optgroup>
|
定义选项组
|
4
|
5
|
<option>
|
定义下拉列表中的选项
|
4
|
5
|
<output>
|
定义输出的一些类型
|
5
|
|
<p>
|
定义段落
|
4
|
5
|
<param>
|
为对象定义参数
|
4
|
5
|
<pre>
|
定义预格式化文本
|
4
|
5
|
<progress>
|
定义任何类型的任务的进度
|
5
|
|
<q>
|
定义短的引用
|
4
|
5
|
<rp>
|
定义若浏览器不支持 ruby 元素显示的内容
|
5
|
|
<rt>
|
定义 ruby 注释的解释
|
5
|
|
<ruby>
|
定义 ruby 注释
|
5
|
|
<s>
|
定义加删除线的文本(HTML 5 中不支持)
|
4
|
|
<samp>
|
定义样本计算机代码
|
4
|
5
|
<script>
|
定义脚本
|
4
|
5
|
<section>
|
定义 section
|
4
|
5
|
<select>
|
定义可选列表
|
4
|
5
|
<small>
|
定义小号文本
|
4
|
5
|
<source>
|
定义媒介源
|
4
|
5
|
<span>
|
定义文档中的 section
|
4
|
5
|
<strike>
|
定义加删除线的文本(HTML 5 中不支持)
|
4
|
|
<strong>
|
定义强调文本
|
4
|
5
|
<style>
|
定义样式定义
|
4
|
5
|
<sub>
|
定义下标文本
|
4
|
5
|
<summary>
|
定义 details 元素的标题
|
5
|
|
<sup>
|
定义上标文本
|
4
|
5
|
标签
|
描述
|
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
|
|
---|---|---|---|
<table>
|
定义表格
|
4
|
5
|
<tbody>
|
定义表格的主体
|
4
|
5
|
<td>
|
定义表格单元
|
4
|
5
|
<textarea>
|
定义 textarea
|
4
|
5
|
<tfoot>
|
定义表格的脚注
|
4
|
5
|
<th>
|
定义表头
|
4
|
5
|
<thead>
|
定义表头
|
4
|
5
|
<time>
|
定义日期/时间
|
5
|
|
<title>
|
定义文档的标题
|
4
|
5
|
<tr>
|
定义表格行
|
4
|
5
|
<tt>
|
定义打字机文本
|
4
|
5 |
<u>
|
定义下划线文本(HTML 5 中不支持)
|
4
|
|
<ul>
|
定义无序列表
|
4
|
5
|
<var>
|
定义变量
|
4
|
5
|
<video>
|
定义视频
|
5
|
|
<xmp>
|
定义预格式文本(HTML 5 中不支持)
|
4
|
事件属性
属性
|
值
|
描述
|
4
|
5
|
---|---|---|---|---|
onabort
|
script
|
发生 abort 事件时运行脚本。
|
5
|
|
onbeforeonload
|
script
|
在元素加载前运行脚本。
|
5
|
|
onblur
|
script
|
当元素失去焦点时运行脚本。
|
4
|
5
|
onchange
|
script
|
当元素改变时运行脚本。
|
4
|
5
|
onclick
|
script
|
在鼠标点击时运行脚本。
|
4
|
5
|
oncontextmenu
|
script
|
当菜单被触发时运行脚本。
|
5
|
|
ondblclick
|
script
|
当鼠标双击时运行脚本。
|
4
|
5
|
ondrag
|
script
|
只要脚本在被拖动就运行脚本。
|
5
|
|
ondragend
|
script
|
在拖动操作结束时运行脚本。
|
5
|
|
ondragenter
|
script
|
当元素被拖动到一个合法的放置目标时,执行脚本。
|
5
|
|
ondragleave
|
script
|
当元素离开合法的放置目标时。
|
5
|
|
ondragover
|
script
|
只要元素正在合法的放置目标上拖动时,就执行脚本。
|
5
|
|
ondragstart
|
script
|
在拖动操作开始时执行脚本。
|
5
|
|
ondrop
|
script
|
当元素正在被拖动时执行脚本。
|
5
|
|
onerror
|
script
|
当元素加载的过程中出现错误时执行脚本。
|
5
|
|
onfocus
|
script
|
当元素获得焦点时执行脚本。
|
4
|
5
|
onkeydown
|
script
|
当按钮按下时执行脚本。
|
4
|
5
|
onkeypress
|
script
|
当按键被按下时执行脚本。
|
4
|
5
|
onkeyup
|
script
|
当按钮松开时执行脚本。
|
4
|
5
|
onload
|
script
|
当文档加载时执行脚本。
|
4
|
5
|
onmessage
|
script
|
当 message 事件触发时执行脚本。
|
5
|
|
onmousedown
|
script
|
当鼠标按钮按下时执行脚本。
|
4
|
5
|
onmousemove
|
script
|
当鼠标指针移动时执行脚本。
|
4
|
5
|
onmouseover
|
script
|
当鼠标指针移动到一个元素上时执行脚本。
|
4
|
5
|
onmouseout
|
script
|
当鼠标指针移出元素时执行脚本。
|
4
|
5
|
onmouseup
|
script
|
当鼠标按钮松开时执行脚本。
|
4
|
5
|
onmousewheel
|
script
|
当鼠标滚轮滚动时执行脚本。
|
5
|
|
onreset
|
script
|
当表单重置时执行脚本。不支持。
|
4
|
|
onresize
|
script
|
当元素调整大小时运行脚本。
|
5
|
|
onscroll
|
script
|
当元素滚动条被滚动时执行脚本。
|
5
|
|
onselect
|
script
|
当元素被选中时执行脚本。
|
4
|
5
|
onsubmit
|
script
|
当表单提交时运行脚本。
|
4
|
5
|
onunload
|
script
|
当文档卸载时运行脚本。
|
5
|
标签属性
属性
|
值
|
描述
|
4
|
5
|
---|---|---|---|---|
acceskey
|
a character
|
设置访问一个元素的键盘快捷键。不支持。
|
4
|
|
class
|
class_ruleorstyle_rule
|
元素的类名。
|
4
|
5
|
contenteditable
|
true
false
|
设置是否允许用户编辑元素。
|
5
|
|
contentextmenu
|
id of a menu element
|
给元素设置一个上下文菜单。
|
5
|
|
dir
|
ltr
rtl
|
设置文本方向。
|
4
|
5
|
draggable
|
true
false
auto
|
设置是否允许用户拖动元素。
|
5
|
|
id
|
id_name
|
元素的唯一 id。
|
4
|
5
|
irrelevant
|
true
false
|
设置元素是否相关。不显示非相关的元素。
|
5
|
|
lang
|
language_code
|
设置语言码。
|
4
|
5
|
ref
|
urlorelementID
|
引用另一个文档或文档上另一个位置。仅在 template 属性设置时使用。
|
5
|
|
registrationmark
|
registration mark
|
为元素设置拍照。可规定于任何 <rule> 元素的后代元素,
除了 <nest> 元素。
|
5
|
|
style
|
style_definition
|
行内的样式定义。
|
4
|
5
|
tabindex
|
number
|
设置元素的 tab 顺序。
|
4
|
5
|
template
|
urlorelementID
|
引用应该应用到该元素的另一个文档或本文档上另一个位置。
|
5
|
|
title
|
tooltip_text
|
显示在工具提示中的文本。
|
4
|
5
|
什么是H5?的更多相关文章
- 旺财速啃H5框架之Bootstrap(五)
在上一篇<<旺财速啃H5框架之Bootstrap(四)>>做了基本的框架,<<旺财速啃H5框架之Bootstrap(二)>>篇里也大体认识了bootst ...
- 旺财速啃H5框架之Bootstrap(四)
上一篇<<旺财速啃H5框架之Bootstrap(三)>>已经把导航做了,接下来搭建内容框架.... 对于不规整的网页,要做成自适应就有点玩大了.... 例如下面这种版式的页面. ...
- H5单页面手势滑屏切换原理
H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路. 1.实现原理 ...
- 快速构建H5单页面切换骨架
在Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称`SPA`,即Single Page Application,就是只有一个HTML页面的应用 ...
- 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- 旺财速啃H5框架之Bootstrap(三)
好多天没有写了,继续走起 在上一篇<<旺财速啃H5框架之Bootstrap(二)>>中已经把CSS引入到页面中,接下来开始写页面. 首先有些问题要先处理了,问什么你要学boot ...
- H5程序员如何利用cordova开发跨平台应用
什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还 ...
- H5项目开发分享——用Canvas合成文字
以前曾用Canvas合成.裁剪.图片等<用H5中的Canvas等技术制作海报>.这次用Canvas来画文字. 下图中"老王考到驾照后"这几个字是画在Canvas上的,与 ...
- 【腾讯Bugly干货分享】H5 视频直播那些事
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57a42ee6503dfcb22007ede8 Dev Club 是一个交流移动 ...
- H5嵌入原生开发小结----兼容安卓与ios的填坑之路
一开始听说开发H5,以为就是做适配现代浏览器的移动网页,心想不用管IE了,欧也.到今天,发现当初too young too simple,兼容IE和兼容安卓与IOS,后者让你更抓狂.接下来数一下踩过的 ...
随机推荐
- P1928 外星密码
题目描述 有了防护伞,并不能完全避免 2012 的灾难.地球防卫小队决定去求助外星种族的帮 助.经过很长时间的努力,小队终于收到了外星生命的回信.但是外星人发过来的却是一 串密码.只有解开密码,才能知 ...
- Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
- 数据结构实验之查找三:树的种类统计(SDUT 3375)
C: #include <stdio.h> #include <stdlib.h> #include <string.h> struct node { char d ...
- pc页面自动缩放到手机端
今天做了个pc的页面,看了别人的网站在手机端能把pc端的网页刚好缩放到手机端,看着很舒服. 于是想把自己的页面也这样搞一下,刚开始,想到的是利用css3的缩放来做,想的是当屏幕尺寸改变时缩放整个页面, ...
- scala 递归读取文件夹下所有的指定后缀的文件
def getFile(file:File): Array[File] ={ val files = file.listFiles().filter(! _.isDirectory) .filter( ...
- 模板 - Codeforces模板
#include<bits/stdc++.h> using namespace std; typedef long long ll; const int MAXN = 2e5; const ...
- [APIO2015]八邻旁之桥——非旋转treap
题目链接: [APIO2015]八邻旁之桥 对于$k=1$的情况: 对于起点和终点在同侧的直接计入答案:对于不在同侧的,可以发现答案就是所有点坐标与桥坐标的差之和+起点与终点不在同一侧的人数. 将所有 ...
- 走进JavaWeb技术世界6:Tomcat5总体架构剖析
本文以 Tomcat 5 为基础,也兼顾最新的 Tomcat 6 和 Tomcat 4.Tomcat 的基本设计思路和架构是具有一定连续性的. Tomcat 总体结构 Tomcat 的结构很复杂, ...
- Microsoft Visual C++ 2017 Redistributable
版本:14.10.25008https://download.microsoft.com/download/4/5/4/454AC59C-DC3F-4AD3-950F-6DCBDF672071/vc_ ...
- linux nand flash常用命令
使用命令前用cat /proc/mtd 查看一下mtdchar字符设备:或者用ls -l /dev/mtd*#cat /proc/mtddev: size erasesize namemt ...