html 基础标签

来源:互联网 发布:sizeof数组 编辑:程序博客网 时间:2024/05/20 16:35
<!-- -->标签
单标签,注释标签
注释内容写在标签内



<!DOCTYPE>标签
单标签,声明标签
声明标签必须位于文档的第一行,告诉浏览器文档类型
生命标签对大小写不敏感
不同的html页面有不同的声明方式,但必须有声明标签



<a></a>标签
对标签,超链接标签
从一张页面链接到另一张,或从一张页面的一个区域链接到另一个区域
最重要的属性:href:指明链接的地址。
未被访问的链接,带下划线,且是蓝色
已被访问的链接,带下划线,且是紫色
活动链接,带下划线,且是红色
--------------------------------------
提示:如果不使用 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性。
提示:被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性)。
提示:请使用 CSS 来设置链接的样式
--------------------------------------
在 HTML 4.01 中,<a> 标签可以是超链接或锚。
在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链接的占位符。
--------------------------------------
charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
coords coordinates HTML5 中不支持。规定链接的坐标。
download filename 规定被下载的超链接目标。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。

shape HTML5 中不支持。规定链接的形状。
default
rect
circle
poly

target 规定在何处打开链接文档。
_blank
_parent
_self
_top
framename

type MIME type 规定被链接文档的的 MIME 类型。
---------------------------------------------------------------------
<a>标签支持html中的全局属性和事件属性



<abbr></abbr>标签
对标签,指示标签
对缩写,关键文本,链接标记,配合title属性达到解释说明的作用
<abbr> 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。
配合css样式,凸显被标记的内容



<acroym></acroym>标签
对标签,指示标签
HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替。
效果相同



<adddress></address>标签
对标签,作者/拥有者标识标签
一般附带有联系方式,或介绍
如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。
如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。
<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行
-------------------------------------------------------------------------------
提示:<address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分。
提示:<address> 元素通常连同其他信息被包含在 <footer> 元素中。
--------------------------------------------------------------------------------
HTML 4.01 不支持 <article> 标签,因此在 HTML 4.01 中,<address> 标签始终定义文档作者/拥有者的联系信息。



<area/>标签
单标签,映射区域标签
<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)
area 元素总是嵌套在 <map> 标签中。
注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。
<img> 中的 usemap 属性可引用 <map> 中的 id 或 name 属性(由浏览器决定)
所以我们需要同时向 <map> 添加 id 和 name 两个属性。
------------------------------------------------------
在 HTML 中,<area> 没有结束标签。
在 XHTML 中,<area> 必须正确地关闭。
-------------------------------------------------------
必须属性:alt:定义此区域的替换文本
可选属性:
coords 坐标值 定义可点击区域(对鼠标敏感的区域)的坐标。
href URL 定义此区域的目标 URL。
nohref nohref 从图像映射排除某个区域。
shape 定义区域的形状。
default
rect
circ
poly
target 规定在何处打开 href 属性指定的目标 URL。
_blank
_parent
_self
_top



<article></artical>标签
对标签,自包含文本标签
标签规定独立的自包含内容
一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。
<article> 元素的潜在来源:
论坛帖子
报纸文章
博客条目
用户评论
<article> 标签是 HTML 5 中的新标签。



<aside></aside>标签
对标签,附加内容标签
<aside> 标签定义其所处内容之外的内容,内容应该与附近的内容相关。
提示:<aside> 的内容可用作文章的侧栏。
<aside> 标签是 HTML 5 的新标签。



<audio></audio>标签
对标签,音频标签
<audio> 标签定义声音,比如音乐或其他音频流。
<audio> 标签是 HTML 5 的新标签。
提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
-------------------------------------------------------------------
属性:
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
muted muted 规定视频输出应该被静音。
preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的音频的 URL。



<br/>标签
单标签,换行标签
可选属性:clean:本流在内联表格或图像的下一行继续输出



<b></b>标签
对标签,粗体文本标签
<b> 标签规定粗体文本。



<base/>标签
单标签,基准地址标签
<base> 标签为页面上的所有链接规定默认基准地址或默认目标。
使用 <base> 标签,浏览器随后将不再使用当前文档的 URL
而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
(可以理解为设置一个默认路径,其他地址都在这个默认路径前提下进行相对地址访问)
在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。
<base> 标签必须位于 head 元素内部
------------------------------------------
必须属性:href:规定相对应页面链接的url链接地址
可选属性:target :在何处打开页面中所有的链接。
_blank
_parent
_self
_top
framename



<basefont/>标签
单标签,默认字体及颜色标签
只有IE支持,不推荐使用



<bdi></bdi>标签
对标签,隔离标签
<bdi> 标签是 HTML5 中的新标签。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
----------------------------------------------------------------
dir 可选。规定 <bdi> 元素内的文本的文本方向。默认值:auto。
ltr
rtl
auto
-----------------------------------------------
目前只有 Firefox 和 Chrome 支持 <bdi> 标签。



<bdo></bdo>标签
对标签,文本方向标签
bdo 元素可覆盖默认的文本方向。
属性:
ir 定义文字的方向
ltr
rtl



<big></big>标签
对标签,大号文本标签
<big>标签之间的文字时,其字体比周围的文字要大一号。
但是,如果文字已经是最大号字体,这个 <big> 标签将不起任何作用



<blockquote></blockquote>标签
对标签,引用块标签
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,
经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。
也就是说,块引用拥有它们自己的空间。
可选属性:
cite URL 规定引用的来源。
现在所有浏览器不支持cite这个属性



<body></body>标签
对标签,文档内容标签
定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
body元素的呈现属性都被不赞成使用



<button></button>标签
对标签,按钮标签
在 button 元素内部,您可以放置内容,比如文本或图像。
---------------------------------------------------------------------
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。
<button> 与 </button> 标签之间的所有内容都是按钮的内容,
其中包括任何可接受的正文内容,比如文本或多媒体内容。
例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
----------------------------------------------------------------------
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。
Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。
------------------------------------------------------------------------
HTML 5 中的新属性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及 formtarget。
注释:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的按钮值。
请使用 input 元素在 HTML 表单中创建按钮。
-------------------------------------------------------------------------
HTML5 中的新属性。
autofocus autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
form form_name 规定按钮属于一个或多个表单。
formaction url 覆盖 form 元素的 action 属性。注释:该属性与 type="submit" 配合使用。
formenctype 见注释 覆盖 form 元素的 enctype 属性。注释:该属性与 type="submit" 配合使用。
formmethod 覆盖 form 元素的 method 属性。注释:该属性与 type="submit" 配合使用。
get
post
formnovalidate formnovalidate 覆盖 form 元素的 novalidate 属性。 注释:该属性与 type="submit" 配合使用。
formtarget 覆盖 form 元素的 target 属性。注释:该属性与 type="submit" 配合使用。
_blank
_self
_parent
_top
framename
name button_name 规定按钮的名称。
type 规定按钮的类型。
button
reset
submit
value text 规定按钮的初始值。可由脚本进行修改。
-------------------------------------------------------------------------------------
注释:formenctype 属性可能的值:
application/x-www-form-urlencoded
multipart/form-data
text/plain



<canvas></canvas>标签
对标签,自定义图形标签
<canvas> 标签定义图形,比如图表和其他图像。
<canvas> 标签只是图形容器,您必须使用javaScript脚本来绘制图形。
<canvas> 标签是 HTML 5 中的新标签。
属性:
height:设置高度 width:设置宽度
----------------------------------------------------------------------
<canvas> 标记和 SVG 以及 VML 之间的差异
<canvas> 标记和 SVG 以及 VML 之间的一个重要的不同是
<canvas> 有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。
这两种方式在功能上是等同的,任何一种都可以用另一种来模拟。
从表面上看,它们很不相同,可是,每一种都有强项和弱点。
例如,SVG 绘图很容易编辑,只要从其描述中移除元素就行。
要从同一图形的一个 <canvas> 标记中移除元素,往往需要擦掉绘图重新绘制它。
------------------------------------------------------------------------------------
如何使用 <canvas> 标记绘图
大多数 Canvas 绘图 API 都没有定义在 <canvas> 元素本身上,
而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。
Canvas API 也使用了路径的表示法。
但是,路径由一系列的方法调用来定义,而不是描述为字母和数字的字符串,
比如调用 beginPath() 和 arc() 方法。
一旦定义了路径,其他的方法,如 fill(),都是对此路径操作。
绘图环境的各种属性,比如 fillStyle,说明了这些操作如何使用。
-----------------------------------------------------------------------------------
注释:Canvas API 非常紧凑的一个原因是它没有对绘制文本提供任何支持。
要把文本加入到一个 <canvas> 图形,必须要么自己绘制它再用位图图像合并它,
或者在 <canvas> 上方使用 CSS 定位来覆盖 HTML 文本。



<caption></caption>标签
对标签,表格标题标签
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。
通常这个标题会被居中于表格之上。
可选属性:align 不赞成使用。请使用样式取而代之,规定标题的对齐方式。
left
right
top
bottom



<center></center>标签
对标签,文本水平居中标签
不推荐使用,居中等样式推荐使用CSS 样式



<cite></cite>标签
对标签,文本引用标签
<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
按照惯例,引用的文本将以斜体显示。
用 <cite> 标签把指向其他文档的引用分离出来,
尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。
如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。
<cite> 标签还有一个隐藏的功能:
它可以使你或者其他人从文档中自动摘录参考书目。
我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。
<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;
它使浏览器能够以各种实用的方式来向用户表达文档的内容。
----------------------------------------------------------
一系列特殊文本操作标签,如果只追求样式改变,推荐使用级联样式列表
<em> 把文本定义为强调的内容。
<strong> 把文本定义为语气更强的强调的内容。
<dfn> 定义一个定义项目。
<code> 定义计算机代码文本。
<samp> 定义样本文本。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。



<col/>标签
单标签,表格列属性标签
<col> 标签为表格中一个或多个列定义属性值。
如需对全部列应用样式,<col> 标签很有用,这样就不需要对各个单元和各行重复应用样式了。
您只能在 table 或 colgroup 元素中使用 <col> 标签。
--------------------------------------------------------------
提示:请为 <col> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。
提示:如果您希望在 colgroup 内部为每个列规定不同的属性值时,请使用此元素。
如果没有 col 元素,列会从 colgroup 那里继承所有的属性值。
注释:col 元素是仅包含属性的空元素。如需创建列,您就必须在 tr 元素内部规定 td 元素。
---------------------------------------------------------------
可选属性:
align 规定与 col 元素相关的内容的水平对齐方式。
right
left
center
justify
char
char character 规定根据哪个字符来对齐与 col 元素相关的内容。
charoff number 规定第一个对齐字符的偏移量。
span number 规定 col 元素应该横跨的列数。
valign 定义与 col 元素相关的内容的垂直对齐方式。
top
middle
bottom
baseline
width 规定 col 元素的宽度。
pixels
%
relative_length



<colgroup></colgroup>标签
对标签,表格列组合标签
<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。
如需对全部列应用样式,<colgroup> 标签很有用,这样就不需要对各个单元和各行重复应用样式了。
<colgroup> 标签只能在 table 元素中使用。
类似<col>标签,但是两个标签对表格列的样式更改很少,对齐方式更改不动



<command></command>标签
对标签,命令标签
除IE9外所有浏览器都不支持
<command> 标签是 HTML 5 中的新标签。
command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮,比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时,该元素才是可见的。
否则不会显示这个元素,但是可以用它规定键盘快捷键。



<datalist></datalist>标签
对标签,列表选项父标签
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。



<dd></dd>标签
对标签,列表条目定义部分标签
<dd> 在定义列表中定义条目的定义部分。



<del></del>标签
对标签,标记被删除文本标签
定义文档中已被删除的文本。
注释:请与 <ins> 标签配合使用,来描述文档中的更新和修正。
可选属性:
cite URL 指向另外一个文档的 URL,此文档可解释文本被删除的原因。
datetime YYYYMMDD 定义文本被删除的日期和时间。



<details></details>标签
对标签,文本细节描述标签
<details> 标签用于描述文档或文档某个部分的细节。
目前只有 Chrome 支持 <details> 标签。
<details> 标签是 HTML 5 中的新标签。
提示:与 <summary> 标签 配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。
可选属性:
open open 定义 details 是否可见。



<dialog></dialog>标签
对标签,对话框标签
目前只有 Chrome 和 Safari 6 支持 <dialog> 标签。
<dialog> 标签是 HTML 5 的新标签。
可选属性:
open open 规定 dialog 元素是活动的,用户可与之交互。



<dir></dir>标签
对标签,定义目录列表标签
所有浏览器支持<dir>标签,但不推荐使用
提示:请使用 CSS 来为列表添加样式



<div></div>标签
对标签,分区,分节标签,块级元素。
<div> 可定义文档中的分区或节(division/section)。
<div> 标签可以把文档分割为独立的、不同的部分。
它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
--------------------------------------------------------------------------------
用法
<div> 是一个块级元素。
这意味着它的内容自动地开始一个新行。
实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。
这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
--------------------------------------------------------------------------------
注释:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。
提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。
------------------------------------------------------------------------------------
可选属性:
align 不赞成使用。请使用样式取而代之,规定 div 元素中的内容的对齐方式。
left
right
center
justify



<dl></dl>标签
对标签,定义列表标签
<dl> 标签定义了定义列表(definition list)。
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。



<dt></dt>标签
对标签,定义列表条目标签



<embed/>标签
单标签,嵌入内容标签
<embed> 标签定义嵌入的内容,比如插件。
<embed> 标签是 HTML 5 中的新标签。
-----------------------------------------------------
可选属性:
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。
--------------------------------------------------------



<fieldset></fieldset>标签
对标签,组合表单中分组标签
fieldset 元素可将表单内的相关元素分组。
--------------------------------------------------------------------------------
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,
它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
---------------------------------------------------------------------------------------------
HTML5 拥有如下属性:disabled、form、name,HTML 4.01 中不支持这些属性。
------------------------------------------------------------------------------------------------
disabled disabled 规定应该禁用 fieldset。
form form_id 规定 fieldset 所属的一个或多个表单。
name value 规定 fieldset 的名称。



<figcaption></figcaption>标签
对标签,figure元素的标题(caption)的标题标签
<figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
<figcaption> 标签是 HTML 5 中的新标签。



<figure></figure>标签
对标签,文本插图标签
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
<figure> 标签是 HTML 5 中的新标签。



<font></font>标签
对标签,文本样式标签
<font> 规定文本的字体、字体尺寸、字体颜色。
提示:请使用样式(代替 <font>)来定义文本的字体、字体颜色、字体尺寸。
------------------------------------------------------------------------------
可选属性:
color 不赞成使用。请使用样式取代它。规定文本的颜色。
rgb(x,x,x)
#xxxxxx
colorname
face font_family 不赞成使用。请使用样式取代它。规定文本的字体。
size number 不赞成使用。请使用样式取代它。规定文本的大小。



<footer></footer>标签
对标签,文档页脚标签
<footer> 标签定义文档或节的页脚。
<footer> 元素应当含有其包含元素的信息。
页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
您可以在一个文档中使用多个 <footer> 元素。
<footer> 标签是 HTML 5 中的新标签。
提示:<footer> 元素内的联系信息应该位于 <address> 标签中。



<form></form>标签
对标签,表单标签
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
注释:form 元素是块级元素,其前后会产生折行。
--------------------------------------------------------------------------------------------
accept MIME_type HTML 5 中不支持。
accept-charset charset_list 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete 规定是否启用表单的自动完成功能。
on
off
enctype 见说明 规定在发送表单数据之前如何对其进行编码。
method 规定用于发送 form-data 的 HTTP 方法。
get
post
name form_name 规定表单的名称。
novalidate novalidate 如果使用该属性,则提交表单时不进行验证。
target 规定在何处打开 action URL。
_blank
_self
_parent
_top
framename
------------------------------------------------------------------------------------------------------
说明
enctype 属性可能的值:
application/x-www-form-urlencoded
multipart/form-data
text/plain



<frame></frame>标签
对标签,框架标签
<frame> 标签定义 frameset 中的一个特定的窗口(框架)。
frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。
-----------------------------------------------------------------------------------------------------------
注释:
如果您希望验证包含框架的页面,请确保 doctype 被设置为 "Frameset DTD"。阅读更多有关 DOCTYPE 的内容。
重要事项:
您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。
不过,如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!
------------------------------------------------------------------------------------------------------------------------------------------
可选属性:
frameborder 规定是否显示框架周围的边框。
0
1
longdesc URL 规定一个包含有关框架内容的长描述的页面。
marginheight pixels 定义框架的上方和下方的边距。
marginwidth pixels 定义框架的左侧和右侧的边距。
name name 规定框架的名称。
noresize noresize 规定无法调整框架的大小。
scrolling 规定是否在框架中显示滚动条。
yes
no
auto
src URL 规定在框架中显示的文档的 URL。
---------------------------------------------------------------------------------------------------------------------------------------
标准属性:
id, class, title, style



<frameset></frameset>标签
对标签,框架集标签
frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。
在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
-------------------------------------------------------------------------------------------------------------------------------------------
注释:
如果您希望验证某个包含框架的页面,请确保 DTD 被设置为 "Frameset DTD"。
阅读更多有关 XHTML 验证的内容。
重要事项:
您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。
不过,如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!
--------------------------------------------------------------------------------------------
可选属性:
cols 定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。
pixels
%
*
rows 定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。
pixels
%
*



<html></html>标签
对标签,文档标签
此元素可告知浏览器其自身是一个 HTML 文档。
<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。
---------------------------------------------------------------------------------------------------
注释:即使 html 元素是文档的根元素,它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。
---------------------------------------------------------------------------------------------------------------
可选属性:
manifest url 定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlns http://www.w3.org/1999/xhtml 定义 XML namespace 属性。



<hr/>标签
单标签,分割线标签
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
--------------------------------------------------------------------------------
可选属性:
align 不赞成使用。请使用样式取代它。规定 hr 元素的对齐方式。
center
left
right
noshade noshade 不赞成使用。请使用样式取代它。规定 hr 元素的颜色呈现为纯色。
size pixels 不赞成使用。请使用样式取代它。规定 hr 元素的高度(厚度)。
width 不赞成使用。请使用样式取代它。规定 hr 元素的宽度。
pixels
%



<h1></h1>文本标题标签--最大
<h6></h6>文本标题标签--最小
对标签,文本标签
由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。
因此,请不要利用标题标签来改变同一行中的字体大小。
相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
-------------------------------------------------------------------------------------------
可选属性:
align 不推荐使用。请使用样式替代它。规定标题中文本的排列。
left
center
right
justify
--------------------------------------------------------------------
标准属性:
id, class, title, style, dir, lang, xml:lang



<head></head>标签
对标签,文档头标签
<head> 标签用于定义文档的头部,它是所有头部元素的容器。
<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
---------------------------------------------------------------------------------------------------
提示:应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。
提示:请记住始终为文档规定标题!
----------------------------------------------------------------------------------------------------------
可选属性:
profile URL 一个由空格分隔的 URL 列表,这些 URL 包含着有关页面的元数据信息。
-------------------------------------------------------------------------------------------------------------
profile 属性的更多信息
文档的头部经常会包含一些 <meta> 标签,用来告诉浏览器关于文档的附加信息。
在将来,创作者可能会利用预先定义好的标准文档的元数据配置文件(metadata profile),以便更好地描述它们的文档。
profile 属性提供了与当前文档相关联的配置文件的 URL。
配置文件的格式以及浏览器使用它们的方式都还没有进行定义,这个属性主要是为将来的开发而保留的占位符。



<header></header>标签
对标签,文档页眉标签
<header> 标签定义文档的页眉(介绍信息)。
<header> 标签是 HTML 5 中的新标签。



<i></i>标签
对标签,文本斜体标签
<i> 标签显示斜体文本效果。
<i> 标签和基于内容的样式标签 <em> 类似。
它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。
如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
提示:<i> 标签一定要和结束标签 </i> 结合起来使用。



<iframe></iframe>标签
对标签,行内框架标签
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
----------------------------------------------------------------------------------------
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。
------------------------------------------------------------------------------------------------------------------------
可选属性:
align 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
left
right
top
middle
bottom
frameborder 规定是否显示框架周围的边框。
1
0
height 规定 iframe 的高度。
pixels
%
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox 启用一系列对 <iframe> 中内容的额外限制。
""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
scrolling 规定是否在 iframe 中显示滚动条。
yes
no
auto
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width 定义 iframe 的宽度。
pixels
%



<img/>标签
单标签,图片标签
---------------------------------------------------------
必须属性:src,alt
src:图片引用地址,可以是本地,一般为网络地址
alt:替代文本,当图片加载不出来时现实的文本
title:链接添加描述性文字(鼠标悬浮图片时的文字描述)
------------------------------------------------------------------
可选属性:
属性 值 描述
align 不推荐使用。规定如何根据周围的文本来排列图像。
top
bottom
middle
left
right
border pixels 不推荐使用。定义图像周围的边框。
height 定义图像的高度。
pixels
%
hspace pixels 不推荐使用。定义图像左侧和右侧的空白。
ismap URL 将图像定义为服务器端图像映射。
longdesc URL 指向包含长的图像描述文档的 URL。
usemap URL 将图像定义为客户器端图像映射。
vspace pixels 不推荐使用。定义图像顶部和底部的空白。
width 设置图像的宽度。
pixels
%



<input/>标签
单标签,搜集信息标签
<input> 标签用于搜集用户信息。
根据不同的 type 属性值,输入字段拥有很多种形式。
输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
提示:请使用 label 元素为某个表单控件定义标签。
-----------------------------------------------------------------------------
可选属性:
accept mime_type 规定通过文件上传来提交的文件的类型。
align 不赞成使用。规定图像输入的对齐方式。
left
right
top
middle
bottom
alt text 定义图像输入的替代文本。
autocomplete 规定是否使用输入字段的自动完成功能。
on
off
autofocus autofocus 规定输入字段在页面加载时是否获得焦点。(不适用于 type="hidden")
checked checked 规定此 input 元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
form formname 规定输入字段所属的一个或多个表单。
formaction URL 覆盖表单的 action 属性。(适用于 type="submit" 和 type="image")
formenctype 见注释 覆盖表单的 enctype 属性。(适用于 type="submit" 和 type="image")
formmethod 覆盖表单的 method 属性。(适用于 type="submit" 和 type="image")
get
post
formnovalidate formnovalidate 覆盖表单的 novalidate 属性。如果使用该属性,则提交表单时不进行验证。
formtarget 覆盖表单的 target 属性。(适用于 type="submit" 和 type="image")
_blank
_self
_parent
_top
framename
height 定义 input 字段的高度。(适用于 type="image")
pixels
%
list datalist-id 引用包含输入字段的预定义选项的 datalist 。
max 规定输入字段的最大值。请与 "min" 属性配合使用,来创建合法值的范围。
number
date

maxlength number 规定输入字段中的字符的最大长度。
min 规定输入字段的最小值。请与 "max" 属性配合使用,来创建合法值的范围。
number
date
multiple multiple 如果使用该属性,则允许一个以上的值。
name field_name 定义 input 元素的名称。
pattern regexp_pattern 规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。
placeholder text 规定帮助用户填写输入字段的提示。
readonly readonly 规定输入字段为只读。
required required 指示输入字段的值是必需的。
size number_of_char 定义输入字段的宽度。
src URL 定义以提交按钮形式显示的图像的 URL。
step number 规定输入字的的合法数字间隔。
type 规定 input 元素的类型。
button
checkbox
file
hidden
image
password
radio
reset
submit
text
value value 规定 input 元素的值。
width 定义 input 字段的宽度。(适用于 type="image")
pixels
%



<ins></ins>标签
对标签,文本更新标签
<ins> 标签定义已经被插入文档中的文本。
提示:请与 <del> 一同使用,来描述文档中的更新和修正。
--------------------------------------------------------------------------
可选属性:
cite URL 指向另外一个文档的 URL,此文档可解释文本被插入的原因。
datetime YYYYMMDD 定义文本被插入的日期和时间。



<keygen/>标签
单标签,表单密匙对生成器标签
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时,私钥存储在本地,公钥发送到服务器。
--------------------------------------------------------------------
可选属性;
autofocus autofocus 使 keygen 字段在页面加载时获得焦点。
challenge challenge 如果使用,则将 keygen 的值设置为在提交时询问。
disabled disabled 禁用 keytag 字段。
form formname 定义该 keygen 字段所属的一个或多个表单。
keytype rsa 定义 keytype。rsa 生成 RSA 密钥。
name fieldname 定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。




<label></label>标签
对标签,标注标签
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本,就会触发此控件。
就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
--------------------------------------------------------------------------------------------
注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
--------------------------------------------------------------------------------------------
相关属性:
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单。



<legend></legend>标签
对标签,fieldset元素的标题标签
legend 元素为 fieldset 元素定义标题(caption)
可选属性:
align 不赞成使用。请使用样式代替。为 fieldset 中的标题定义对齐方式。
top
bottom
left
right



<li></li>标签
对标签,列表项目标签
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
提示:请使用 CSS 来定义列表和列表项目的类型。
-------------------------------------------------------------------
可选属性;
type 不赞成使用。请使用样式取代它。规定使用哪种项目符号。

A
a
I
i
1
disc
square
circle
value number 不赞成使用。请使用样式取代它。规定列表项目的数字。



<link/>标签
单标签,外部资源关联标签
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
--------------------------------------------------
注释:link 元素是空元素,它仅包含属性。
注释:此元素只能存在于 head 部分,不过它可出现任何次数。
---------------------------------------------------------------------------
可选属性:
charset char_encoding HTML5 中不支持。
href URL 规定被链接文档的位置。
hreflang language_code 规定被链接文档中文本的语言。
media media_query 规定被链接文档将被显示在什么设备上。
rel 规定当前文档与被链接文档之间的关系。
alternate
author
help
icon
licence
next
pingback
prefetch
prev
search
sidebar
stylesheet
tag
rev reversed relationship HTML5 中不支持。
sizes 规定被链接资源的尺寸。仅适用于 rel="icon"。
heightxwidth
any
target HTML5 中不支持。
_blank
_self
_top
_parent
frame_name
type MIME_type 规定被链接文档的 MIME 类型。



<main></main>标签
对标签,住内容区标签
<main> 标签规定文档的主要内容。
<main> 元素中的内容对于文档来说应当是唯一的。
它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。
---------------------------------------------------------------------------------------------------------------
注释:
在一个文档中,不能出现一个以上的 <main> 元素。
<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>。



<map></map>标签
对标签,客户端图像映射标签
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
------------------------------------------------------------------------------------------------
注释:
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释:
<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),
所以我们应同时向 <map> 添加 id 和 name 属性。
-------------------------------------------------------------------------
必要属性:
id unique_name 为 map 标签定义唯一的名称。
------------------------------------------------------------------------
可选属性:
name mapname 为 image-map 规定的名称。



<mark></mark>标签
对标签,记号文本标签
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<mark> 标签是 HTML 5 中的新标签。



<meau></menu>标签
对标签,菜单标签
<menu> 标签定义命令的列表或菜单。
<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。
目前所有主流浏览器都不支持 <menu> 标签。
---------------------------------------------------------------------------
提示:请使用 CSS 来设置菜单列表的样式!
------------------------------------------------------------------
可选属性:
label text 规定菜单的可见标签。
type 规定要显示哪种菜单类型。
popup
toolbar



<menuitem></menuitem>标签
对标签,菜单条目标签
<menuitem> 标签定义用户可以从弹出菜单调用的命令/菜单项目。
<menuitem> 标签是 HTML5 中的新标签。
目前仅firefox支持
------------------------------------------------------------------------------
可选属性:
checked checked 规定在页面加载后选中命令/菜单项目。仅适用于 type="radio" 或 type="checkbox"。
default default 把命令/菜单项设置为默认命令。
disabled disabled 规定命令/菜单项应该被禁用。
icon URL 规定命令/菜单项的图标。
open open 定义 details 是否可见。
label text 必需。规定命令/菜单项的名称,以向用户显示。
radiogroup groupname 规定命令组的名称,命令组会在命令/菜单项本身被切换时进行切换。仅适用于 type="radio"。
type 规定命令/菜单项的类型。默认是 "command"。
checkbox
command
radio



<meta/>标签
单标签,页面信息标签
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
------------------------------------------------------------------------------------
注释:<meta> 标签永远位于 head 元素内部。
注释:元数据总是以名称/值的形式被成对传递的。
-------------------------------------------------------------------
必须属性:
content some_text 定义与 http-equiv 或 name 属性相关的元信息
-------------------------------------------------------------------------------------------
可选属性:
http-equiv 把 content 属性关联到 HTTP 头部。
content-type
expires
refresh
set-cookie
name 把 content 属性关联到一个名称。
author
description
keywords
generator
revised
others
scheme some_text 定义用于翻译 content 属性值的格式。
--------------------------------------------------------------------------------------------
name 属性:
name 属性提供了名称/值对中的名称。
HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。
通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。
某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
----------------------------------------------------------------------------------------------
http-equiv 属性:
http-equiv 属性为名称/值对提供了名称。
并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。
虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。
这将告诉浏览器准备接受一个 HTML 文档。
---------------
使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
------------------------------------------------------------------------------------------------------
content 属性:
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
-------------------------------------------------------------------------------------
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。
此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。



<meter></meter>表卡
对标签,尺度标签
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。
例子:磁盘用量、查询结果的相关性,等等。
注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。
--------------------------------------------------------------------------------------------------------
可选属性:
form form_id 规定 <meter> 元素所属的一个或多个表单。
high number 规定被视作高的值的范围。
low number 规定被视作低的值的范围。
max number 规定范围的最大值。
min number 规定范围的最小值。
optimum number 规定度量的优化值。
value number 必需。规定度量的当前值。



<nav></nav>标签
对标签,导航栏链接区域标签
<nav> 标签定义导航链接的部分。
<nav> 标签是 HTML 5 中的新标签。
提示:如果文档中有“前后”按钮,则应该把它放到 <nav> 元素中。



<noframes></noframes>标签
对标签,浏览器不支持框架时显示文本标签
noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
---------------------------------------------------------------------------------------
注释:如果浏览器有能力处理框架,就不会显示出 frameset 元素中的文本。
重要事项:如果您希望 frameset 添加 <noframes> 标签,就必须把其中的文本包装在 <body></body> 标签中!
注释:如果您希望验证包含框架的页面,请确保 DTD 被设置为 "Frameset DTD"。
-----------------------------------------
标准属性:
id, class, title, style, dir, lang, xml:lang



<noscript></noscript>标签
对标签,浏览器没执行javascript时显示的文本标签
noscript 元素用来定义在脚本未被执行时的替代内容(文本)。
此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。
--------------------------------------------------------------------------------------
注释:
如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本。
注释:
无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。
为了避免浏览器这样做,您应当在注释标签中隐藏脚本。
老式的(无法识别 <script> 标签的)浏览器会忽略注释,这样就不会把标签的内容写到页面上,
而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释标签中!



<object></object>标签
对标签,嵌入对象标签
定义一个嵌入的对象。
请使用此元素向您的 XHTML 页面添加多媒体。
此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。
如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。
通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
---------------------------------------------------------------------------------------------
注释:<param> 标签定义用于对象的 run-time 设置。
注释:不要对图像使用 <object> 标签,请使用 <img> 标签代替。
--------------------------------------------------------------------------------------
可选属性:
align 定义围绕该对象的文本对齐方式。
left
right
top
bottom
archive URL 由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
border pixels 定义对象周围的边框。
classid class ID 定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,
此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。
codebase URL 定义在何处可找到对象所需的代码,提供一个基准 URL。
codetype MIME type 通过 classid 属性所引用的代码的 MIME 类型。
data URL 定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。
declare declare 可定义此对象仅可被声明,但不能被创建或例示,直到此对象得到应用为止。
form form_id 规定对象所属的一个或多个表单。
height pixels 定义对象的高度。
hspace pixels 定义对象周围水平方向的空白。
name unique_name 为对象定义唯一的名称(以便在脚本中使用)。
standby text 定义当对象正在加载时所显示的文本。
type MIME_type 定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。
usemap URL 规定与对象一同使用的客户端图像映射的 URL。
vspace pixels 定义对象的垂直方向的空白。
width pixels 定义对象的宽度。



<ol></ol>标签
对标签,有序列表标签
<ol> 标签定义有序列表。
提示:请使用 CSS 来定义列表的类型。
---------------------------------------
可选属性:
compact compact HTML5 中不支持。HTML 4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type 规定在列表中使用的标记类型。
1
A
a
I
i



<optgroup></optgroup>标签
对标签,选项组标签
<optgroup> 标签定义选项组。
optgroup 元素用于组合选项。
当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
---------------------------------------------------------------------------------------
必须属性:
label text 为选项组规定描述。
-------------------------------------------------------
可选属性:
disabled disabled 规定禁用该选项组。



<option></option>标签
对标签,下拉列表选项标签
option 元素定义下拉列表中的一个选项(一个条目)。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部。
---------------------------------------------------------------------------------
注释:
<option> 标签可以在不带有任何属性的情况下使用,
但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容。
注释:
请与 select 元素配合使用此标签,否则这个标签是没有意义的。
提示:
如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。
---------------------------------------------------------------------------------
可选属性:
disabled disabled 规定此选项应在首次加载时被禁用。
label text 定义当使用 <optgroup> 时所使用的标注。
selected selected 规定选项(在首次显示在列表中时)表现为选中状态。
value text 定义送往服务器的选项值。



<output></output>标签
对标签,输出标签
<output> 标签定义不同类型的输出,比如脚本的输出。
<output> 标签是 HTML 5 中的新标签。
----------------------------------------------------------
可选属性:
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称。(表单提交时使用)



<p></p>标签:
对标签,段落标签。
两对<p>标签间自动换行
一对<p>标签内部换行无效
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
---------------------------------------------------------------------------------------------------------------
可选属性:
align 不赞成使用。请使用样式取代它。规定段落中文本的对齐方式。
left
right
center
justify



<param/>标签
单标签,参数标签
param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,
也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。
-------------------------------------------------------
必要属性:
name unique_name 定义参数的名称(用在脚本中)。
----------------------------------------------------------
可选属性:
type MIME type 规定参数的 MIME 类型(internet media type)。
value value 规定参数的值。
valuetype 规定值的 MIME 类型。
data
ref
object



<pre></pre>标签
对标签,预格式化文本标签
pre 元素可定义预格式化的文本。
被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre> 所定义的块里。
尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。
pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。
当把其他标签(比如 <a> 标签)放到 <pre> 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。
-------------------------------------------------------------
<pre>
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html>
</pre>
---------------------------------------------------------------
提示:
制表符(tab)在 <pre> 标签定义的块当中可以起到应有的作用,每个制表符占据 8 个字符的位置。
但是我们不推荐使用它,因为在不同的浏览器中,Tab 的实现各不相同。
在用 <pre> 标签格式化的文档段中使用空格,可以确保文本正确的水平位置。
----------------------------------------
提示:
如果您希望使用 <pre> 标签来定义计算机源代码
比如 HTML 源代码,请使用符号实体来表示特殊字符,
比如 "<" 代表 "<",">" 代表 ">","&" 代表 "&"。
------------------------------------------
提示:
在 W3School 中,非常多页面中的源代码实例都是通过 <pre> 标签定义的,
我们甚至把 <pre> 标签与 <code> 标签结合起来使用,以获得更加精确的语义。
---------------------------------------------------------
可選屬性:
width number 定义每行的最大字符数(通常是 40、80 或 132)。



<progress></progress>標簽
對標簽,進度標簽
<progress> 标签标示任务的进度(进程)。
<progress> 标签是 HTML 5 中的新标签。
-------------------------------------------------
提示:
请结合 <progress> 标签与 JavaScript 一同使用,来显示任务的进度。
注释:
<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或查询结果)。
如需表示度量衡,请使用 <meter> 标签代替。
----------------------------------------------------------
max number 规定任务一共需要多少工作。
value number 规定已经完成多少任务。



<q></q>标签
对标签,引号标签
<q> 标签定义短的引用。
浏览器经常在引用的内容周围添加引号。
----------------------------------------------
<q> 与 <blockquote> 的区别
<q> 标签在本质上与 <blockquote> 是一样的。
不同之处在于它们的显示和应用。
<q> 标签用于简短的行内引用。
如果需要从周围内容分离出来比较长的部分(通常显示为缩进的块),请使用 <blockquote> 标签。
--------------------------------------------------------------------------------------
提示:
根据 HTML 4.01 规范,q 元素应当使用分界引号来呈现,
就是说,q 元素包含的文本必须以引号来开始和结束。
Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定,但是 Internet Explorer 却不支持此规定。
结果,如果要使用 <q> 标签,而且用自己的引号来满足 Internet Explorer,那么就要在符合标准的浏览器使用两组引号。
尽管如此,我们还是推荐使用 <q> 标签,
这不仅仅因为我们喜欢标准,还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。



<rp></rp>标签
对标签,汉字不显示时的标注标签
<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,
还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<rp> 标签是 HTML 5 的新标签。
提示:支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。



<rt></rt>标签
对标签,汉字显示时的标注标签
<rt> 标签定义字符(中文注音或字符)的解释或发音。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,
还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<rt> 标签是 HTML 5 的新标签。
提示:支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。



<ruby></ruby>标签
对标签,中文,拼音标签
<ruby> 标签定义 ruby 注释(中文注音或字符)。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,
还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby> 标签是 HTML 5 的新标签。
提示:支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。



<s></s>标签
对标签,删除线标签
html4和xhtml都不赞同使用
如有需要,请使用<del></del>标签



<style></style>标签
对标签,样式标签
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
-----------------------------------------------------
提示:如需链接外部样式表,请使用 <link> 标签。
------------------------------------------------------------
必须属性:
type text/css 规定样式表的 MIME 类型。
-----------------------------------------------------------
可选属性:
media 为样式表规定不同的媒介类型。
screen
tty
tv
projection
handheld
print
braille
aural
all



<sub></sub>标签
对标签,文本下标标签
<sub> 标签可定义下标文本。
包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示,
但是与当前文本流中文字的字体和字号都是一样的。
提示:无论是 <sub> 标签还是和它对应的 <sup> 标签,在数学等式、科学符号和化学公式中都非常有用。



<summary></summary>标签
对标签,文档描述标签的标题标签
<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<summary> 标签是 HTML 5 中的新标签。
提示:请与 <details> 标签一起使用。标题是可见的,当用户点击标题时会显示出详细信息。
注释:"summary" 元素应该是 "details" 元素的第一个子元素。



<sup></sup>标签
对标签,上标标签
<sup> 标签可定义上标文本。
包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,
但是与当前文本流中文字的字体和字号都是一样的。
提示:
这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。
如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。



<table></table>标签
对标签,表格标签
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
--------------------------------------------------------------------------------------------------------
可选属性:
align 不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。
left
center
right
bgcolor 不赞成使用。请使用样式代替。规定表格的背景颜色。
rgb(x,x,x)
#xxxxxx
colorname
border pixels 规定表格边框的宽度。规定单元边沿与其内容之间的空白。
cellpadding
pixels
%
cellspacing 规定单元格之间的空白。
pixels
%
frame 规定外侧边框的哪个部分是可见的。
void
above
below
hsides
lhs
rhs
vsides
box
border
rules 规定内侧边框的哪个部分是可见的。
none
groups
rows
cols
all
summary text 规定表格的摘要。
width 规定表格的宽度。
%
pixels



<tbody></tbody>标签
对标签,表格主体标签
<tbody> 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。
tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
thead 元素用于对 HTML 表格中的表头内容进行分组,
而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
----------------------------------------------------------------------------------------
注释:
如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。
它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。
您必须在 table 元素内部使用这些标签。
提示:
在默认情况下这些元素不会影响到表格的布局。
不过,您可以使用 CSS 使这些元素改变表格的外观。
---------------------------------------------------------------
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。
当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。
这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。
当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
------------------------------------------------------------------------------
可选属性:
align 定义 tbody 元素中内容的对齐方式。
right
left
center
justify
char
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign 规定 tbody 元素中内容的垂直对齐方式。
top
middle
bottom
baseline



<td></td>标签
对标签,单元格标签
<td> 标签定义 HTML 表格中的标准单元格。
HTML 表格有两类单元格:
表头单元 - 包含头部信息(由 th 元素创建)
标准单元 - 包含数据(由 td 元素创建)
td 元素中的文本一般显示为正常字体且左对齐。
提示:请使用 colspan 和 rowspan 属性来实现内容横跨多个行或列。
----------------------------------------------------------------------------
可选属性:
abbr text 规定单元格中内容的缩写版本。
align 规定单元格内容的水平对齐方式。
left
right
center
justify
char
axis category_name 对单元进行分类。
bgcolor 不赞成使用。请使用样式取而代之。规定单元格的背景颜色。
rgb(x,x,x)
#xxxxxx
colorname
char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 规定单元格可横跨的列数。
headers header_cells'_id 规定与单元格相关的表头。
height 不赞成使用。请使用样式取而代之。规定表格单元格的高度。
pixels
%
nowrap nowrap 不赞成使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspan number 规定单元格可横跨的行数。
scope 定义将表头数据与单元数据相关联的方法。
col
colgroup
row
rowgroup
valign 规定单元格内容的垂直排列方式。
top
middle
bottom
baseline
width 不赞成使用。请使用样式取而代之。规定表格单元格的宽度。
pixels
%



<textarea></textarea>标签
对标签,多行文本输入标签
<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
--------------------------------------------------------------
注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。
提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。
-----------------------------------------
可选属性:
autofocus autofocus 规定在页面加载后文本区域自动获得焦点。
cols number 规定文本区内的可见宽度。
disabled disabled 规定禁用该文本区。
form form_id 规定文本区域所属的一个或多个表单。
maxlength number 规定文本区域的最大字符数。
name name_of_textarea 规定文本区的名称。
placeholder text 规定描述文本区域预期值的简短提示。
readonly readonly 规定文本区为只读。
required required 规定文本区域是必填的。
rows number 规定文本区内的可见行数。
wrap 规定当在表单中提交时,文本区域中的文本如何换行。
hard
soft



<tfooter></tfooter>标签
对标签,表格页脚标签
<tfoot> 标签定义表格的页脚(脚注或表注)。该标签用于组合 HTML 表格中的表注内容。
tfoot 元素应该与 thead 和 tbody 元素结合起来使用。
thead 元素用于对 HTML 表格中的表头内容进行分组,而 tbody 元素用于对 HTML 表格中的主体内容进行分组。
---------------------------------------------------------
注释:
如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。
它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。
您必须在 table 元素内部使用这些标签。
提示:
在默认情况下这些元素不会影响到表格的布局。
不过,您可以使用 CSS 使这些元素改变表格的外观。
--------------------------------------------------------------------
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。
当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。
这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。
当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
---------------------------------------------------------------------
可选属性:
align 定义 tfoot 元素中内容的对齐方式。
right
left
center
justify
char
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign 规定 tfoot 元素中内容的垂直对齐方式。
top
middle
bottom
baseline



<th></th>标签
对标签,表格表头单元格标签
定义表格内的表头单元格。
HTML 表单中有两种类型的单元格:
表头单元格 - 包含表头信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性。
-------------------------------------------------------------------------------
可选属性:
abbr text 规定单元格中内容的缩写版本。
align 规定单元格内容的水平对齐方式。
left
right
center
justify
char
axis category_name 对单元格进行分类。
bgcolor 不推荐使用。请使用样式替代它。规定表格单元格的背景颜色。
rgb(x,x,x)
#xxxxxx
colorname
char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 设置单元格可横跨的列数。
headers idrefs 由空格分隔的表头单元格 ID 列表,为数据单元格提供表头信息。
height 不推荐使用。请使用样式替代它。规定表格单元格的高度。
pixels
%
nowrap nowrap 不推荐使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspan number 规定单元格可横跨的行数。
scope 定义将表头数据与单元数据相关联的方法。
col
colgroup
row
rowgroup
valign 规定单元格内容的垂直排列方式。
top
middle
bottom
baseline
width 不推荐使用。请使用样式取而代之。规定表格单元格的宽度。
pixels
%



<thread></thread>标签
对标签,表格表头标签
<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
thead 元素应该与 tbody 和 tfoot 元素结合起来使用。
tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
-------------------------------------------------------------------------
注释:
如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。
它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。
您必须在 table 元素内部使用这些标签。
提示:
在默认情况下这些元素不会影响到表格的布局。
不过,您可以使用 CSS 使这些元素改变表格的外观。
<thead> 内部必须拥有 <tr> 标签!
------------------------------------------------
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。
当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。
这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。
当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
-----------------------------------------------------------------
可选属性:
align 定义 thead 元素中内容的对齐方式。
right
left
center
justify
char
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign 规定 thead 元素中内容的垂直对齐方式。
top
middle
bottom
baseline



<time></time>标签
对标签,时间标签
<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,
举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
---------------------------------------------------------------
目前所有主流浏览器都 不支持 <time> 标签。
-----------------------------------------
可选属性:
datetime datetime 规定日期 / 时间。否则,由元素的内容给定日期 / 时间。
pubdate pubdate 指示 <time> 元素中的日期 / 时间是文档(或 <article> 元素)的发布日期。



<title></title>标签
对标签,文档标题标签
<title> 元素可定义文档的标题。
浏览器会以特殊的方式来使用标题,
并且通常把它放置在浏览器窗口的标题栏或状态栏上。
同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
提示:<title> 标签是 <head> 标签中唯一要求包含的东西。
----------------------------------------------------
可选属性:
提示:<title> 标签是 <head> 标签中唯一要求包含的东西。



<tr></tr>标签
对标签,表格行标签
<tr> 标签定义 HTML 表格中的行。
tr 元素包含一个或多个 th 或 td 元素。
----------------------------------
可选属性:
align 定义表格行的内容对齐方式。
right
left
center
justify
char
bgcolor 不赞成使用。请使用样式取而代之。规定表格行的背景颜色。
rgb(x,x,x)
#xxxxxx
colorname
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign 规定表格行中内容的垂直对齐方式。
top
middle
bottom
baseline



<track></track>标签
对标签,video元素文字轨道标签
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
------------------------------------------
可选属性:
default default 规定该轨道是默认的,假如没有选择任何轨道。
kind 表示轨道属于什么文本类型。
captions
chapters
descriptions
metadata
subtitles
label label 轨道的标签或标题。
src url 轨道的 URL。
srclang language_code 轨道的语言,若 kind 属性值是 "subtitles",则该属性必需的。
---------------------------
实例:
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>



<tt></tt>标签
对标签,文本等宽标签
显示等宽的文本效果



<u></u>标签
对标签,文本下划线标签
<u> 标签可定义下划线文本。
注释:请尽量避免为文本加下划线 - 用户会把它混淆为一个超链接!



<ul></ul>标签
对标签,无序列表标签
<ul> 标签定义无序列表。
----------------------
可选属性:
compact compact 不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。
type 不赞成使用。请使用样式取代它。规定列表的项目符号的类型。
disc
square
circle



<video></video>标签
对标签,视频标签
<video> 标签定义视频,比如电影片段或其他视频流。
<video> 标签是 HTML 5 的新标签。
提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
---------------------------------------------------------------------------
可选属性:
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。



<wbr>标签
单标签,换行符标签
Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。
提示:如果单词太长,或者您担心浏览器会在错误的位置换行,
那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。
<wbr> 标签是 HTML 5 中的新标签。