沿途网络

网站改版

浅谈下一代网站建设新规则-html5脚本语言。

发布时间:2014-10-27 浏览量:205

 html5到底是什么,这是一种新推出的标记语言,是html的升级版,现在正在发展期,目前Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器都兼容了html5。移动设备已经成为了各大用户青睐,html5全新功能都能支持。

HTML5的出现,可能会让FLASH等媒体框架退出网络,下面拟定一些HTML5标签,仅供参考

标签
描述
 
<!--...-->
定义注释
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>[6]
定义图像映射
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>
定义打字机文本(HTML 5 中不支持)
4
 
<u>
定义下划线文本(HTML 5 中不支持)
4
 
<ul>
定义无序列表
4
5
<var>
定义变量
4
5
<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。

事件属性

属性
描述
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

标签属性

html5标签拥有属性。在每个标签的参考页中可以找到相应的特殊属性。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。
4: 指在HTML 4.01 中定义了该元素
5: 指在HTML 5 中定义了该元素
html5标签中的新属性有:contenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template
HTML 5 中不再支持的属性:accesskey

标签属性

属性
描述
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