HTML 5

HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少 浏览器对于需要 插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。
 

标签

按字母顺序排列的标签列表
标签描述
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
<!--...-->定义注释45
<!DOCTYPE>定义文档类型45
<a>定义超链接45
<abbr>定义缩写45
<acronym>HTML 5 中不支持4
<address>定义地址元素45
<applet>定义 applet(HTML 5 中不支持)4
<area>定义图像映射中的区域45
<article>定义 article5
<aside>定义页面内容之外的内容5
<audio>定义声音内容5
<b>定义粗体文本45
<base>定义页面中所有链接的基准URL45
<basefont>HTML 5 中不支持,请使用CSS 代替4
<bdo>定义文本显示的方向45
<big>定义大号文本(HTML 5 中不支持)4
<blockquote>定义长的引用45
<body>定义 body 元素45
<br>插入换行符45
<button>定义按钮45
<canvas>定义图形5
<caption>定义表格标题45
<center>定义居中的文本(HTML 5 中不支持)4
<cite>定义引用45
<code>定义计算机代码文本45
<col>定义表格列的属性45
<colgroup>定义表格列的分组45
<command>定义命令按钮5
<datalist>定义下拉列表5
<dd>定义定义的描述45
<del>定义删除文本45
<details>定义元素的细节5
<dfn>定义定义项目45
<dir>定义目录列表(HTML 5 中不支持)4
<div>定义文档中的一个部分45
<dl>定义定义列表45
<dt>定义定义的项目45
<em>定义强调文本45
<embed>定义外部交互内容或插件5
<fieldset>定义 fieldset45
<figcaption>定义 figure 元素的标题5
<figure>定义媒介内容的分组,以及它们的标题5
<font>HTML 5 中不支持4
<footer>定义 section 或 page 的页脚5
<form>定义表单45
<frame>定义子窗口(框架)(HTML 5 中不支持)4
<frameset>定义框架的集(HTML 5 中不支持)4
<h1> to <h6>定义标题1 到标题645
<head>定义关于文档的信息45
<header>定义 section 或 page 的页眉5
<hgroup>定义有关文档中的 section 的信息45
<html>定义 html 文档45
<i>定义斜体文本45
<iframe>定义行内的子窗口(框架)45
<img>定义图像45
<input>定义输入域45
<ins>定义插入文本45
<keygen>定义生成密钥5
<isindex>定义单行的输入域(HTML 5 中不支持)4
<kbd>定义键盘文本45
<label>定义表单控件的标注45
<legend>定义 fieldset 中的标题45
<li>定义列表的项目45
<link>定义资源引用45
<map>定义图像映射45
<mark>定义有记号的文本45
<menu>定义菜单列表45
<meta>定义元信息45
<meter>定义预定义范围内的度量5
<nav>定义导航链接5
<noframes>定义 noframe 部分(HTML 5 中不支持)4
<noscript>定义 noscript 部分45
<object>定义嵌入对象45
<ol>定义有序列表45
<optgroup>定义选项组45
<option>定义下拉列表中的选项45
<output>定义输出的一些类型5
<p>定义段落45
<param>为对象定义参数45
<pre>定义预格式化文本45
<progress>定义任何类型的任务的进度5
<q>定义短的引用45
<rp>定义若浏览器不支持 ruby 元素显示的内容5
<rt>定义 ruby 注释的解释5
<ruby>定义 ruby 注释5
<s>定义加删除线的文本(HTML 5 中不支持)4
<samp>定义样本计算机代码45
<script>定义脚本45
<section>定义 section45
<select>定义可选列表45
<small>定义小号文本45
<source>定义媒介源45
<span>定义文档中的 section45
<strike>定义加删除线的文本(HTML 5 中不支持)4
<strong>定义强调文本45
<style>定义样式定义45
<sub>定义下标文本45
<summary>定义 details 元素的标题5
<sup>定义上标文本45
按字母顺序排列的标签列表
标签描述
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
<table>定义表格45
<tbody>定义表格的主体45
<td>定义表格单元45
<textarea>定义 textarea45
<tfoot>定义表格的脚注45
<th>定义表头45
<thead>定义表头45
<time>定义日期/时间5
<title>定义文档的标题45
<tr>定义表格行45
<tt>定义打字机文本(HTML 5 中不支持)4
<u>定义下划线文本(HTML 5 中不支持)4
<ul>定义无序列表45
<var>定义变量45
<video>定义视频5
<xmp>定义预格式文本(HTML 5 中不支持)4

事件属性

HTML 5 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。
HTML 5 中的新事件属性:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
HTML 5不再支持的 HTML 4.01 属性:onreset。
事件属性
属性描述45
onabortscript发生 abort 事件时运行脚本。5
onbeforeonloadscript在元素加载前运行脚本。5
onblurscript当元素失去焦点时运行脚本。45
onchangescript当元素改变时运行脚本。45
onclickscript在鼠标点击时允许脚本。45
oncontextmenuscript当菜单被触发时运行脚本。5
ondblclickscript当鼠标双击时运行脚本。45
ondragscript只要脚本在被拖动就允许脚本。5
ondragendscript在拖动操作结束时运行脚本。5
ondragenterscript当元素被拖动到一个合法的放置目标时,执行脚本。5
ondragleavescript当元素离开合法的放置目标时。5
ondragoverscript只要元素正在合法的放置目标上拖动时,就执行脚本。5
ondragstartscript在拖动操作开始时执行脚本。5
ondropscript当元素正在被拖动时执行脚本。5
onerrorscript当元素加载的过程中出现错误时执行脚本。5
onfocusscript当元素获得焦点时执行脚本。45
onkeydownscript当按钮按下时执行脚本。45
onkeypressscript当按键被按下时执行脚本。45
onkeyupscript当按钮松开时执行脚本。45
onloadscript当文档加载时执行脚本。45
onmessagescript当 message 事件触发时执行脚本。5
onmousedownscript当鼠标按钮按下时执行脚本。45
onmousemovescript当鼠标指针移动时执行脚本。45
onmouseoverscript当鼠标指针移动到一个元素上时执行脚本。45
onmouseoutscript当鼠标指针移出元素时执行脚本。45
onmouseupscript当鼠标按钮松开时执行脚本。45
onmousewheelscript当鼠标滚轮滚动时执行脚本。5
onresetscript当表单重置时执行脚本。不支持。4
onresizescript当元素调整大小时运行脚本。5
onscrollscript当元素滚动条被滚动时执行脚本。5
onselectscript当元素被选中时执行脚本。45
onsubmitscript当表单提交时运行脚本。45
onunloadscript当文档卸载时运行脚本。5

标签属性

HTML 5标签拥有属性。在每个标签的参考页中可以找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
HTML 5 标签中的新属性有:contenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template
HTML 5 中不再支持的属性:accesskey
标签属性
属性描述45
acceskeya character设置访问一个元素的键盘快捷键。不支持。4
class class_ruleorstyle_rule 元素的类名。45
contenteditable
true
false
设置是否允许用户编辑元素。5
contentextmenuid of a menu element给元素设置一个上下文菜单。5
dir
ltr
rtl
设置文本方向。45
draggable
true
false
auto
设置是否允许用户拖动元素。5
idid_name元素的唯一 id。45
irrelevant
true
false
设置元素是否相关。不显示非相关的元素。5
langlanguage_code设置语言码。45
ref urlorelementID
引用另一个文档或文档上另一个位置。
仅在 template 属性设置时使用。
5
registrationmarkregistration mark为元素设置拍照。可规定于任何 <rule> 元素的后代元素,除了 <nest> 元素。5
stylestyle_definition行内的样式定义。45
tabindexnumber设置元素的 tab 顺序。45
template urlorelementID 引用应该应用到该元素的另一个文档或本文档上另一个位置。5
titletooltip_text显示在工具提示中的文本。45

语义特性(Class:Semantic)
HTML5赋予 网页更好的意义和结构。更加丰富的标签将随着对 RDFa的,微数据与 微格式等方面的支持,构建对 程序、对用户都更有价值的数据 驱动Web
本地存储特性(Class: OFFLINE & STORAGE)
基于HTML5开发的网页 APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和 API说明文档。
设备兼容特性 (Class: DEVICE ACCESS)
Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与 应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。
连接特性(Class: CONNECTIVITY)
更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到 客户端的功能。
网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。
三维、图形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。
性能与集成特性(Class: Performance & Integration)
没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下, CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式( WOFF)也提供了更高的灵活性和控制性。

它可能会消灭Flash
许多业内人士表示,HTML将会最终代替多媒体框架,如Adobe的Flash,但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5,但是这个转变的过程也不是一蹴而就的。
它新并不表示它安全
网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构(European Network and Information Security Agency,ENISA)已经警告说HTML5可能并不够安全。
它承诺带来一个无缝的网络
HTML5会带来一个统一的网络,无论是笔记本,台式机,还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候,开发者需要重新考虑用户体验,网站浏览,网站结构等因素使得这个网站对任何硬件设备都通用。
它会变成企业的SaaS平台
一些重量级的企业,如微软,Salesforce,SAP Sybase正在开发HTML5的开发工具。如果你正在构建企业应用,很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。
它将会变得很移动
几乎所有人都热衷于开发独立的移动应用,但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核,这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在(移动)浏览器内开发应用,所以如果你正在制定一项桌面或者移动应用的长期发展策略,你可能需要考虑这一点。

1、移动优先
从如今层出不穷的移动应用就知道,在这个智能手机和将平板电脑大爆炸的时代,移动优先已成趋势,不管是开发什么,都以移动为主。
2、游戏开发者领衔“主演”
许多游戏开发商都被Facebook或者Zynga推动着发展,而未来的Facebook应用生态系统是基于HTML5的,尽管在HTML 5平台开发出游戏非常困难,但游戏开发商却都愿意那么做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式,Facebook差不多就这么干的——基于Web应用及浏览器,但却将之打包整合进原生应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值