饭桶教程-html教程-

html教程

HTML 教程
HTML 5简介
HTML 5 视频
HTML 5 音频
HTML 5 Canvas
HTML 5 Web 存储
HTML 5 Input 类型
HTML 5 表单元素
HTML 5 表单属性
HTML 5 参考手册
HTML 5 标准事件属性
<!-->
<!DOCTYPE>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdo>
<blockquote>
<body>
<br />
<button>
<canvas>
<caption>
<center>
<em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dir>
<div>
<dl>
<dt>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> 至 <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<em> <strong> <dfn> <code> <samp> <kbd> <var> <cite>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<style>
<sub> 和 <sup>
<summary>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<tt>
<u>
<ul>
<video>

定义和用法

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中，不再支持 scheme 属性。

在 HTML 5 中，有一个新的 charset 属性，它使字符集的定义更加容易。

在 HTML 4.01 中，不得不这么写：

在 HTML 5 中，这样就够了：

提示和注释

提示：请使用 CSS 来定义列表的类型。

例子

定义针对搜索引擎的关键词：

定义对页面的描述：

定义页面的最新版本：

每 5 秒刷新一次页面：

属性

属性	值	描述	4	5
charset	character encoding	定义文档的字符编码。		5
content	some_text	定义与 http-equiv 或 name 属性相关的元信息。	4	5
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。	4	5
name	author description keywords generator revised others	把 content 属性关联到一个名称。	4	5
scheme	some_text	定义用于翻译 content 属性值的格式。不支持。	4

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup,

onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述，请访问 HTML 5 中事件属性。

TIY 实例

文档描述

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="author" 
content="kuaikuaixuan.com">
<meta name="revised" 
content="David Yang,8/1/07"> 
<meta name="generator" 
content="Dreamweaver 8.0en"> 
</head> 
<body> 
<p>本文档的 meta 属性标识了创作者和编辑软件。</p> 
</body> 
</html>

Meta 元素中的信息可以描述 HTML 文档。

文档关键字

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="description" 
content="HTML examples"> 
<meta name="keywords" 
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"> 
</head> 
<body> 
<p>本文档的 meta 属性描述了该文档和它的关键词。</p> 
</body> 
</html>

Meta 元素中的信息可以描述文档的关键词。

重定向

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta http-equiv="Refresh" 
content="5;url=http://www.kuaikuaixuan.com"> 
</head> 
<body> 
<p> 
对不起。我们已经搬家了。您的 URL 是 <a 
href="http://www.kuaikuaixuan.com">饭桶教程</a> 
</p> 
<p>您将在 5 秒内被重定向到新的地址。</p> 
<p>如果超过 5 秒后您仍然看到本消息，请点击上面的的链接。</p> 
</body> 
</html>

这个例子演示：在网址已经变更的情况下，将用户重定向到另外一个地址。