HTML5程序接口元素标签属性事件属性标签控件图表库

2015-4-10 22:08| 发布者: digitser| 查看: 4548| 评论: 0|原作者: Apple

摘要: HTML5程序接口元素标签属性事件属性标签控件图表库 HTML5是www万维网的核心语言、标准通用标记语言下的超文本标记语言（HTML）的第五次重大修改（W3C推荐标准）。 2014年10月29日万维网联盟宣布，经过近8年的 ...

自动立式分页纸箱赋码系统 ── 全自动专业立式分页瓦楞纸水性油墨贴标喷码检测系统

属性

全局属性

#	标签	描述	范例	备注
01	id	规定HTML元素的唯一ID。
02	tabindex	规定元素的tab键控制次序。
03	repeat	在水平和垂直方向重复。

通用属性

#	标签	描述	范例	备注
01	ping	ping是网络诊断工具，用户在浏览页面时可知道这个链接是否真实有效，如这个链接已失效，就用相应方法标识这个URL。
02	charset	定义文档的字符编码。
03	async	规定一旦脚本可用，则会异步执行。

元素的新属性

#	标签	描述	范例	备注
01	日期和时间	定义日期、时间文本字段。
02	email	定义用于 e-mail 地址的文本字段。
03	url	定义用于 URL 的文本字段。

标签属性

HTML5标签拥有属性。在每个标签的参考页中可找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性（有个别例外）。

HTML5标签中的新属性，包括：contenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template。

HTML5不再支持属性：accesskey。

标签属性

#	属性	值	描述
01	acceskey	a character	设置访问一个元素的键盘快捷键。不支持。	4
02	class	class_ruleorstyle_rule	元素的类名。	4	5
03	contenteditable	true false	设置是否允许用户编辑元素。		5
04	contentextmenu	id of a menu element	给元素设置一个上下文菜单。		5
05	dir	ltr rtl	设置文本方向。	4	5
06	draggable	true false auto	设置是否允许用户拖动元素。		5
07	id	id_name	元素的唯一 id。	4	5
08	irrelevant	true false	设置元素是否相关。不显示非相关的元素。		5
09	lang	language_code	设置语言码。	4	5
10	ref	urlorelementID	引用另一个文档或文档上另一个位置。仅在 template 属性设置时使用。		5
11	registrationmark	registration mark	为元素设置拍照。可规定于任何 <rule> 元素的后代元素，除了 <nest> 元素。		5
12	style	style_definition	行内的样式定义。	4	5
13	tabindex	number	设置元素的 tab 顺序。	4	5
14	template	urlorelementID	引用应该应用到该元素的另一个文档或本文档上另一个位置。		5
15	title	tooltip_text	显示在工具提示中的文本。	4	5

注：上表中的4: 指在HTML 4.01中有定义该元素，上表中的5: 指在HTML5中有定义该元素

事件属性

HTML5元素拥有事件属性，这些属性可在浏览器中触发行为，譬如：当用户单击一HTML5元素时，会启动一段JavaScript。下面列出的事件属性，可把它们插入HTML标签来定义事件行为。

HTML5新事件属性，包括：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

HTML5不再支持HTML 4.01属性：onreset。

事件属性

#	属性	值	描述
01	onabort	script	发生 abort 事件时运行脚本。		5
02	onbeforeonload	script	在元素加载前运行脚本。		5
03	onblur	script	当元素失去焦点时运行脚本。	4	5
04	onchange	script	当元素改变时运行脚本。	4	5
05	onclick	script	在鼠标点击时运行脚本。	4	5
06	oncontextmenu	script	当菜单被触发时运行脚本。		5
07	ondblclick	script	当鼠标双击时运行脚本。	4	5
08	ondrag	script	只要脚本在被拖动就运行脚本。		5
09	ondragend	script	在拖动操作结束时运行脚本。		5
10	ondragenter	script	当元素被拖动到一个合法的放置目标时，执行脚本。		5
11	ondragleave	script	当元素离开合法的放置目标时。		5
12	ondragover	script	只要元素正在合法的放置目标上拖动时，就执行脚本。		5
13	ondragstart	script	在拖动操作开始时执行脚本。		5
14	ondrop	script	当元素正在被拖动时执行脚本。		5
15	onerror	script	当元素加载的过程中出现错误时执行脚本。		5
16	onfocus	script	当元素获得焦点时执行脚本。	4	5
17	onkeydown	script	当按钮按下时执行脚本。	4	5
18	onkeypress	script	当按键被按下时执行脚本。	4	5
19	onkeyup	script	当按钮松开时执行脚本。	4	5
20	onload	script	当文档加载时执行脚本。	4	5
21	onmessage	script	当 message 事件触发时执行脚本。		5
22	onmousedown	script	当鼠标按钮按下时执行脚本。	4	5
23	onmousemove	script	当鼠标指针移动时执行脚本。	4	5
24	onmouseover	script	当鼠标指针移动到一个元素上时执行脚本。	4	5
25	onmouseout	script	当鼠标指针移出元素时执行脚本。	4	5
26	onmouseup	script	当鼠标按钮松开时执行脚本。	4	5
27	onmousewheel	script	当鼠标滚轮滚动时执行脚本。		5
28	onreset	script	当表单重置时执行脚本。不支持。	4
29	onresize	script	当元素调整大小时运行脚本。		5
30	onscroll	script	当元素滚动条被滚动时执行脚本。		5
31	onselect	script	当元素被选中时执行脚本。	4	5
32	onsubmit	script	当表单提交时运行脚本。	4	5
33	onunload	script	当文档卸载时运行脚本。		5

注：上表中的4: 指在HTML 4.01中有定义该元素，上表中的5: 指在HTML5中有定义该元素

标签

标签列表（按字母顺序排列）

#	标签	描述
001	<!--...-->	定义注释	4	5
002	<!DOCTYPE>	定义文档类型	4	5
003	<a>	定义超链接	4	5
004	<abbr>	定义缩写	4	5
005	<acronym>	HTML 5 中不支持	4
006	<address>	定义地址元素	4	5
007	<applet>	定义 applet（HTML 5 中不支持）	4
008	<area>	定义图像映射中的区域	4	5
009	<article>	定义 article		5
010	<aside>	定义页面内容之外的内容		5
011	<audio>	定义声音内容		5
012	<b>	定义粗体文本	4	5
013	<base>	定义页面中所有链接的基准URL	4	5
014	<basefont>	HTML 5 中不支持，请使用CSS 代替	4
015	<bdo>	定义文本显示的方向	4	5
016	<big>	定义大号文本（HTML 5 中不支持）	4
017	<blockquote>	定义长的引用	4	5
018	<body>	定义 body 元素	4	5
019	<br>	插入换行符	4	5
020	<button>	定义按钮	4	5
021	<canvas>	定义图形		5
022	<caption>	定义表格标题	4	5
023	<center>	定义居中的文本（HTML 5 中不支持）	4
024	<cite>	定义引用	4	5
025	<code>	定义计算机代码文本	4	5
026	<col>	定义表格列的属性	4	5
027	<colgroup>	定义表格列的分组	4	5
028	<command>	定义命令按钮		5
029	<datalist>	定义下拉列表		5
030	<dd>	定义定义的描述	4	5
031	<del>	定义删除文本	4	5
032	<details>	定义元素的细节		5
033	<dfn>	定义定义项目	4	5
034	<dir>	定义目录列表（HTML 5 中不支持）	4
035	<div>	定义文档中的一个部分	4	5
036	<dl>	定义定义列表	4	5
037	<dt>	定义定义的项目	4	5
038	<em>	定义强调文本	4	5
039	<embed>	定义外部交互内容或插件		5
040	<fieldset>	定义 fieldset	4	5
041	<figcaption>	定义 figure 元素的标题		5
042	<figure>	定义媒介内容的分组，以及它们的标题		5
043	<font>	HTML 5 中不支持	4
044	<footer>	定义 section 或 page 的页脚		5
045	<form>	定义表单	4	5
046	<frame>	定义子窗口（框架）（HTML 5 中不支持）	4
047	<frameset>	定义框架的集（HTML 5 中不支持）	4
048	<h1> to <h6>	定义标题1 到标题6	4	5
049	<head>	定义关于文档的信息	4	5
050	<header>	定义 section 或 page 的页眉		5
051	<hgroup>	定义有关文档中的 section 的信息	4	5
052	<html>	定义 html 文档	4	5
053	<i>	定义斜体文本	4	5
054	<iframe>	定义行内的子窗口（框架）	4	5
055	<img>	定义图像	4	5
056	<input>	定义输入域	4	5
057	<ins>	定义插入文本	4	5
058	<keygen>	定义生成密钥		5
059	<isindex>	定义单行的输入域（HTML 5 中不支持）	4
060	<kbd>	定义键盘文本	4	5
061	<label>	定义表单控件的标注	4	5
062	<legend>	定义 fieldset 中的标题	4	5
063	<li>	定义列表的项目	4	5
064	<link>	定义资源引用	4	5
065	<map>	定义图像映射	4	5
066	<mark>	定义有记号的文本	4	5
067	<menu>	定义菜单列表	4	5
068	<meta>	定义元信息	4	5
069	<meter>	定义预定义范围内的度量		5
070	<nav>	定义导航链接		5
071	<noframes>	定义 noframe 部分（HTML 5 中不支持）	4
072	<noscript>	定义 noscript 部分	4	5
073	<object>	定义嵌入对象	4	5
074	<ol>	定义有序列表	4	5
075	<optgroup>	定义选项组	4	5
076	<option>	定义下拉列表中的选项	4	5
077	<output>	定义输出的一些类型		5
078	<p>	定义段落	4	5
079	<param>	为对象定义参数	4	5
080	<pre>	定义预格式化文本	4	5
081	<progress>	定义任何类型的任务的进度		5
082	<q>	定义短的引用	4	5
083	<rp>	定义若浏览器不支持 ruby 元素显示的内容		5
084	<rt>	定义 ruby 注释的解释		5
085	<ruby>	定义 ruby 注释		5
086	<s>	定义加删除线的文本（HTML 5 中不支持）	4
087	<samp>	定义样本计算机代码	4	5
088	<script>	定义脚本	4	5
089	<section>	定义 section	4	5
090	<select>	定义可选列表	4	5
091	<small>	定义小号文本	4	5
092	<source>	定义媒介源	4	5
093	<span>	定义文档中的 section	4	5
094	<strike>	定义加删除线的文本（HTML 5 中不支持）	4
095	<strong>	定义强调文本	4	5
096	<style>	定义样式定义	4	5
097	<sub>	定义下标文本	4	5
098	<summary>	定义 details 元素的标题		5
099	<sup>	定义上标文本	4	5
100	<table>	定义表格	4	5
101	<tbody>	定义表格的主体	4	5
102	<td>	定义表格单元	4	5
103	<textarea>	定义 textarea	4	5
104	<tfoot>	定义表格的脚注	4	5
105	<th>	定义表头	4	5
106	<thead>	定义表头	4	5
107	<time>	定义日期/时间		5
108	<title>	定义文档的标题	4	5
109	<tr>	定义表格行	4	5
110	<tt>	定义打字机文本（HTML 5 中不支持）	4
111	<u>	定义下划线文本（HTML 5 中不支持）	4
112	<ul>	定义无序列表	4	5
113	<var>	定义变量	4	5
114	<video>	定义视频		5
115	<xmp>	定义预格式文本（HTML 5 中不支持）	4

注：上表中的4: 指在HTML 4.01中有定义该元素，上表中的5: 指在HTML5中有定义该元素

控件

Html标注属性加上runat="server"构成控件；Html标注和HTML控件间的区别很明显，Html控件运行于服务器端，Html标注运行于客户端。基本Html控件有：HtmlTexArea\HtmlTable\HtmlImage\HtmlButton\HtmlSelect\HtmlForm\HtmlInput。

自定义的Html控件是根据自己的需求定义的。当自主开发效率低时，可从技术社区、源码网站下载需要控件。譬如：需插入table、image、links 等标签。不必自己开发，可使用：ComponentOne Wijmo Editor 等。

图表库

免费HTML5图表库——.Net图表控件Chart FX，深受大家喜爱。从Chart FX开发商SoftwareFX获得一个激动人心的消息：该公司已推出一套为HTML5、jQuery、JavaScript开发者设计的图表库——jChartFX，且jChartFX是免费的！

jChartFX的主要特点：

01、jChartFX充分利用HTML5、CSS、SVG，可为浏览器提供美观优越的图表和更丰富的最终用户体验。

02、jChartFX拥有很多令人振奋的功能，可在无插件纯JavaScript浏览器上运行，这意味着在提高网站安全性和速度的同时，最大程度的减少网站服务器的负荷。

03、jChartFX还可自动整合到jQuery UI Theme Roller，自动读取并解释jQuery的主题和CSS文件，能快速适应您的页面布局和设计，无需一行代码。

04、jChartFX支持JSON，JSON能帮您实现任何数据源中的数据都可展现到图表中。

05、jChartFX还支持超过40种2D、3D图表类型，免费图表控件还支持如此之多的图表展示类型实属难得。

12 / 2 页