HTML基础知识记录

查看W3C的HTML参考手册
1、HTML标签
【基础】
-<!DOCTYPE> 定义文档类型
HTML 4.01 规定了三种不同的<!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。 HTML5 中仅规定了一种<!DOCTYPE html>
-<html>
全局属性
xmlns XHTML 命名空间
manifest HTML5 定义一个 URL,在这个 URL 上描述了文档的缓存信息
-<title>
全局属性
-<body>
全局属性
事件属性
alink color 废弃
background URL 废弃
bgcolor color废弃
link color废弃
text color废弃
vlink color废弃
-<h1> ~ <h6>
全局属性
事件属性
align left|center|right|justify废弃
-<p> 段落
全局属性
事件属性
align left|center|right|justify废弃
-<br> 简单的换行
全局属性
事件属性
-<hr> 定义水平线
全局属性
事件属性
align left|center|right废弃
noshade noshade废弃
size pixels废弃
width pixels废弃
-<!--...--> 定义一个注释
全局属性
事件属性

【格式】

-<acronym> HTML5不支持, 定义只取首字母的缩写
全局属性
事件属性
-<abbr> 定义一个缩写 World Health Organization ->WHO
全局属性
事件属性
-<address> 斜体 定义文档作者或拥有者的联系信息
全局属性
事件属性
-<b> 定义粗体文本
全局属性
事件属性
-<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
全局属性
事件属性
-<bdo> 定义文本的方向
全局属性
事件属性
-<big> HTML5不再支持。定义大号文本
全局属性
事件属性
-<blockquote> 定义块引用
全局属性
事件属性
-<center> HTML5不再支持。 HTML 4.01 已废弃。定义居中文本
全局属性
事件属性
-<cite> 定义引用(citation)
全局属性
事件属性
-<code> 定义计算机代码文本
全局属性
事件属性
-<del> 定义被删除文本 文本会带中划线
cite URL 规定一个解释了文本被删除的原因的文档的 URL。
datetime YYYY-MM-DDThh:mm:ssTZD 规定文本被删除的日期和时间
全局属性
事件属性
-<dfn> 定义定义项目
全局属性
事件属性
-<em> 定义强调文本
全局属性
事件属性
-<font> HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色
全局属性
事件属性
-<i> 定义斜体文本
全局属性
事件属性
-<ins> 定义被插入文本 文本会带下划线,配合del标签使用
cite URL 规定一个解释了文本被删除的原因的文档的 URL。
datetime YYYY-MM-DDThh:mm:ssTZD 规定文本被删除的日期和时间
全局属性
事件属性
-<kbd> 定义键盘文本
全局属性
事件属性
-<mark> HTML5 定义带有记号的文本,文本有背景颜色
全局属性
事件属性
-<meter> HTML5 定义度量衡。仅用于已知最大和最小值的度量IE不支持 <meter value="3" min="0" max="10">3/10</meter><br>
form form_id 规定 <meter> 元素所属的一个或多个表单。
high number 规定被视作高的值的范围。
low number 规定被视作低的值的范围。
max number 规定范围的最大值。
min number 规定范围的最小值。
optimum number 规定度量的优化值。
value number 必需。规定度量的当前值
全局属性
事件属性
-<pre> 定义预格式文本 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体
width number 定义每行的最大字符数(通常是 40、80 或 132
全局属性
事件属性
-<progress>H TML5 定义运行中的任务进度(进度条
max number 规定任务一共需要多少工作。
value number 规定已经完成多少任务。
全局属性
事件属性
-<q> 定义短的引用 浏览器会加上引号
cite citation 定义引用的出处或来源
全局属性
事件属性
-<rp> 定义若浏览器不支持 ruby 元素显示的内容
-<rt> 定义 ruby 注释的解释
-<ruby> 这三个元素一起使用
-<s>/<strike> 不建议使用,定义加删除线的文本
-<samp> 定义计算机代码样本。
-<small> 定义小号文本
-<strong> 定义语气更为强烈的强调文本。
-<sup> 定义上标文本。
-<sub> 定义下标文本
-<tt> 定义打字机文本。
-<u> 不赞成使用。定义下划线文本。
-<var> 定义文本的变量部分
全局属性
事件属性
-<wbr> HTML5 定义可能的换行符 如:如果想学习 AJAX,那么您必须熟悉 XML<wbr>Http<wbr>Request 对象
-<time> 定义日期/时间
datetime datetime 规定日期 / 时间。否则,由元素的内容给定日期 / 时间
pubdate pubdate 指示 <time> 元素中的日期 / 时间是文档(或 <article> 元素)的发布日期
全局属性
事件属性

【表单】

-<form> 定义供用户输入的 HTML 表单。
accept MIME_type HTML 5 中不支持。
accept-charset charset_list 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete 规定是否启用表单的自动完成功能。
on 浏览器会自动提示上次输入的值
off
enctype 见说明 规定在发送表单数据之前如何对其进行编码。
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
text/plain 空格转换为 "+" 加号,但不对特殊字符编码
method 规定用于发送 form-data 的 HTTP 方法。
get
post
name form_name 规定表单的名称。
novalidate HTML5 如果使用该属性,则提交表单时不进行验证。
target 规定在何处打开 action URL
_blank 在新窗口中打开。
_self 默认。在相同的框架中打开。
_parent 在父框架集中打开。
_top 在整个窗口中打开。
framename 在指定的框架中打开
-<input> 定义输入控件
accept mime_type 规定通过文件上传来提交的文件的类型。accept="image/gif, image/jpeg"
align 不赞成使用。规定图像输入的对齐方式
left
right
top
middle
bottom
alt text 定义图像输入的替代文本。alt 属性为用户由于某些原因无法查看图像时提供了备选的信息
autocomplete 规定是否使用输入字段的自动完成功能
on
off
autofocus HTML5 autofocus="autofocus"规定输入字段在页面加载时是否获得焦点。(不适用于 type="hidden")
checked checked 规定此 input [checkbox]元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
form formname 规定输入字段所属的一个或多个表单。
formaction HTML5 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 number 规定输入字段的最大值。请与 "min" 属性配合使用,来创建合法值的范围
date
maxlength number 规定输入字段中的字符的最大长度。
min number 规定输入字段的最小值。请与 "max" 属性配合使用,来创建合法值的范围
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 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符
value value 规定input元素的值。
width 定义 input 字段的宽度。(适用于 type="image")
pixels
%
-<textarea> 定义多行的文本输入控件
autofocus autofocus 规定在页面加载后文本区域自动获得焦点。
cols number 规定文本区内的可见宽度。
disabled disabled 规定禁用该文本区。
form form_id 规定文本区域所属的一个或多个表单。
maxlength number 规定文本区域的最大字符数。
name name_of_textarea 规定文本区的名称。
placeholder text 规定描述文本区域预期值的简短提示。
readonly readonly 规定文本区为只读。
required required 规定文本区域是必填的。
rows number 规定文本区内的可见行数。
wrap 规定当在表单中提交时,文本区域中的文本如何换行
soft 当在表单中提交时,textarea 中的文本不换行。默认值
hard 当在表单中提交时,textarea 中的文本换行(包含换行符),当使用 "hard" 时,必须规定 cols 属性
-<button> 定义按钮
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 规定按钮的初始值。可由脚本进行修改
-<select> 定义选择列表(下拉列表)
autofocus autofocus 规定在页面加载后文本区域自动获得焦点。
disabled disabled 规定禁用该下拉列表。
form form_id 规定文本区域所属的一个或多个表单。
multiple multiple 规定可选择多个选项。对于 windows:按住 Ctrl 按钮来选择多个选项,与size配合使用
name name 规定下拉列表的名称。
required required 规定文本区域是必填的。
size number 规定下拉列表中可见选项的数目
-<optgroup> 定义选择列表中相关选项的组合。
label text 为选项组规定描述
-<option> 定义选择列表中的选项。
disabled disabled 规定此选项应在首次加载时被禁用。
label text 定义当使用 <optgroup> 时所使用的标注。
selected selected 规定选项(在首次显示在列表中时)表现为选中状态。
value text 定义送往服务器的选项值
-<label> 定义 input 元素的标注。
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单
-<fieldset> 定义围绕表单中元素的边框。
disabled disabled 规定应该禁用 fieldset
form form_id 规定fieldset所属的一个或多个表单。
name value 规定 fieldset的名称
-<legend> 定义 fieldset 元素的标题
-<datalist> HTML5 定义下拉列表,请与 input 元素配合使用该元素,来定义 input 可能的值
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
-<keygen> HTML5 定义生成密钥 当提交表单时,私钥存储在本地,公钥发送到服务器
autofocus autofocus 使keygen字段在页面加载时获得焦点。
challenge challenge 如果使用,则将 keygen 的值设置为在提交时询问。
disabled disabled 禁用keytag字段。
form formname 定义该keygen字段所属的一个或多个表单。
keytype rsa 定义 keytype。rsa 生成RSA密钥
name fieldname 定义 keygen 元素的唯一名称,name 属性用于在提交表单时搜集字段的值
-<output> HTML5 定义输出的一些类型
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称,表单提交时使

【框架】
-<frame> 定义框架集的窗口或框架
frameborder 规定是否显示框架周围的边框
0
1
longdesc URL 规定一个包含有关框架内容的长描述的页面。
marginheight pixels 定义框架的上方和下方的边距。
marginwidth pixels 定义框架的左侧和右侧的边距。
name name 规定框架的名称。
noresize noresize 规定无法调整框架的大小。
scrolling 规定是否在框架中显示滚动条。
yes
no
auto
src URL 规定在框架中显示的文档的 URL
-<frameset> 定义框架集
cols 定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。
pixels
%
*
rows 定义框架集中行的数目和尺寸
pixels
%
*
-<noframes> 定义针对不支持框架的用户的替代内容。
-<iframe> 定义内联框架
frameborder 规定是否显示框架周围的边框
1
0
height 规定 iframe 的高度
pixels
%
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox 启用一系列对 <iframe> 中内容的额外限制
"" 应用以下所有的限制。
allow-same-origin 允许 iframe 内容被视为与包含文档有相同的来源。
allow-top-navigation 允许 iframe 内容从包含文档导航(加载)内容。
allow-forms 允许表单提交。
allow-scripts 允许脚本执行
scrolling 规定是否在 iframe 中显示滚动条
yes
no
auto
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width 定义 iframe 的宽度
pixels
%
【图像】
-<img> 定义图像
alt text 规定图像的替代文本。
src URL 规定显示图像的 URL
ismap URL 将图像定义为服务器端图像映射。
longdesc URL 指向包含长的图像描述文档的 URL。
usemap URL 将图像定义为客户器端图像映射
-<map> 定义图像映射,
-<area> 定义图像地图内部的区域
alt text 定义此区域的替换文本
coords 坐标值 定义可点击区域(对鼠标敏感的区域)的坐标。
href URL 定义此区域的目标 URL。
nohref nohref 从图像映射排除某个区域。
shape 定义区域的形状
default 规定全部区域
rect 矩形,x1,x2,y1,y2
circ 圆形x,y,r
poly 多边形x1,x2,x3,...
target 规定在何处打开 href 属性指定的目标 URL
_blank
_parent
_self
_top
-<canvas> 定义图形 <canvas> 标签定义图形,比如图表和其他图像;<canvas> 标签只是图形容器,您必须使用脚本来绘制图形
height pixels 设置 canvas 的高度
width pixels 设置 canvas 的宽度
-<figcaption> 定义 figure 元素的标题
-<figure> 定义媒介内容的分组,以及它们的标题
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

【音频/视频】

-<audio> 定义声音内容
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
muted muted 规定视频输出应该被静音。
preload preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的音频的 URL
-<source >定义媒介源
media media query 规定媒体资源的类型,不支持
src url 规定媒体文件的 URL。
type numeric value 规定媒体资源的 MIME 类型
video/ogg
video/mp4
video/webm
audio/ogg
audio/mpeg
-<track> 定义用在媒体播放器中的文本轨道
default default 规定该轨道是默认的,假如没有选择任何轨道
kind 表示轨道属于什么文本类型。
captions 该轨道定义将在播放器中显示的简短说明
chapters 该轨道定义章节,用于导航媒介资源
descriptions 该轨道定义描述,用于通过音频描述媒介的内容,假如内容不可播放或不可见
metadata 该轨道定义脚本使用的内容
subtitles 该轨道定义字幕,用于在视频中显示字幕
label label 轨道的标签或标题。
src url 轨道的URL
srclang language_code 轨道的语言,若kind属性值是 "subtitles",则该属性必需的
-<video> 定义视频
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放,如果使用 "autoplay",则忽略该属性。
auto - 当页面加载后载入整个视频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入视频
src url 要播放的视频的 URL
width pixels 设置视频播放器的宽度

【链接】


-<a> 定义锚
download filename 规定被下载的超链接目标
href URL 规定链接指向的页面的 URL
hreflang language_code 规定被链接文档的语言
media media_query 规定被链接文档是为何种媒介/设备优化的
rel text 规定当前文档与被链接文档之间的关系
alternate 文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet 文档的外部样式表。
start 集合中的第一个文档。
next 集合中的下一个文档。
prev 集合中的前一个文档。
contents 文档目录。
index 文档索引。
glossary 文档中所用字词的术语表或解释。
copyright 包含版权信息的文档。
chapter 文档的章。
section 文档的节。
subsection 文档的子段。
appendix 文档附录
help 帮助文档。
bookmark 相关文档。
nofollow Google 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。
licence
tag
friend
target 规定在何处打开链接文档
_blank
_parent
_self
_top
framename
type MIMEtype 规定被链接文档的的 MIME 类型
-<link> 定义文档与外部资源的关系
href URL 规定被链接文档的位置
hreflang language_code 规定被链接文档中文本的语言
media media_query 规定被链接文档将被显示在什么设备上
rel text 规定当前文档与被链接文档之间的关系(与<a>一样)
type MIME_type 规定被链接文档的 MIME 类型
-<nav> HTML5 定义导航链接

【列表】

-<ul> 定义无序列表。
-<ol> 定义有序列表
reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type 规定在列表中使用的标记类型
1 1,2,3
A A,B,C
a a,b,c
I I II III
i i ii iii
-<li> 定义列表的项目。
-<dir> 不赞成使用。定义目录列表。
-<dl> 定义定义列表。
-<dt> 定义定义列表中的项目。
-<dd> 定义定义列表中项目的描述。
-<menu> 定义命令的菜单/列表,浏览器暂不支持
-<menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目,浏览器暂不支持
-<command> 定义命令按钮,浏览器暂不支持

【表格】

-<table> 定义表格
border pixels 规定表格边框的宽度。
cellpadding 规定单元边沿与其内容之间的空白
pixels
%
cellspacing 规定单元格之间的空白
pixels
%
frame 规定外侧边框的哪个部分是可见的
void 不显示外侧边框。
above 显示上部的外侧边框。
below 显示下部的外侧边框。
hsides 显示上部和下部的外侧边框。
vsides 显示左边和右边的外侧边框。
lhs 显示左边的外侧边框。
rhs 显示右边的外侧边框。
box 在所有四个边上显示外侧边框。
border 在所有四个边上显示外侧边框
rules 规定内侧边框的哪个部分是可见的
none 没有线条
groups 位于行组和列组之间的线条
rows 位于行之间的线条
cols 位于列之间的线条
all 位于行和列之间的线条
summary text 规定表格的摘要。
width 规定表格的宽度
%
pixels
-<caption> 定义表格标题
-<th> 定义表格中的表头单元格
abbr text 规定单元格中内容的缩写版本。
align 规定单元格内容的水平对齐方式
left 默认
right
center
justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)
char 将内容对准指定字符
axis category_name 对单元格进行分类
char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 设置单元格可横跨的列数。
headers idrefs 由空格分隔的表头单元格 ID 列表,为数据单元格提供表头信息
rowspan number 规定单元格可横跨的行数。
scope 定义将表头数据与单元数据相关联的方法
col
colgroup
row
rowgroup
valign 规定单元格内容的垂直排列方式
top
middle
bottom
baseline 与基线对齐
-<tr> 定义表格中的行。
-<td> 定义表格中的单元和<th>一样
-<thead> 定义表格中的表头内容。
-<tbody> 定义表格中的主体内容。
-<tfoot> 定义表格中的表注内容(脚注)
align 定义 tfoot 元素中内容的对齐方式
right
left
center
justify
char
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign 规定 tfoot 元素中内容的垂直对齐方式
top
middle
bottom
baseline
-<col> 定义表格中一个或多个列的属性值。
-<colgroup> 定义表格中供格式化的列组

【样式/节】

-<style> 定义文档的样式信息
type text/css 规定样式表的 MIME 类型
-<div> 定义文档中的节。
-<span> 定义文档中的节。
-<header> 定义 section 或 page 的页眉。
-<footer> 定义 section 或 page 的页脚。
-<section> 定义 section
cite URL section 的 URL,假如 section 摘自 web 的话
-<article> 定义文章。
-<aside> 定义页面内容之外的内容。
-<details> 定义元素的细节 支持不太好
open open 定义 details 是否可见。
-<dialog> 定义对话框或窗口 浏览器支持不太好
open open 规定 dialog 元素是活动的,用户可与之交互
-<summary> 为 <details> 元素定义可见的标题

【元信息】

-<head> 定义关于文档的信息
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>
-<meta> 定义关于 HTML 文档的元信息。
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。content 属性始终要和 name 属性或 http-equiv 属性一起使用
http-equiv 把 content 属性关联到 HTTP 头部
content-type
expires
refresh
set-cookie
name 把 content 属性关联到一个名称
author
description
keywords
generator
revised
others
scheme some_text 定义用于翻译 content 属性值的格式
-<base> 定义页面中所有链接的默认地址或默认目标
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,
而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL
href URL 规定页面中所有相对链接的基准 URL
target 属性

【编程】

-<script> 定义客户端脚本
type MIME-type 指示脚本的 MIME 类型
text/javascript
text/ecmascript
application/ecmascript
application/javascript
text/vbscript
async async 规定异步执行脚本(仅适用于外部脚本src)
charset charset 规定在外部脚本文件中使用的字符编码。
defer defer 规定是否对脚本执行进行延迟,直到页面加载为止
src URL 规定外部脚本文件的URL。
xml:space preserve 规定是否保留代码中的空白
-<noscript> 定义针对不支持客户端脚本的用户的替代内容。
-<applet> 不赞成使用。定义嵌入的 applet
-<embed> 为外部应用程序(非 HTML)定义容器
可以嵌入flash动画
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度
-<object> 定义嵌入的对象。
-<param> 定义对象的参数

2、HTML全局属性


-accesskey 激活标签(元素)的快捷键 激活方式一般是 : alte + accesskey; 如<a href="http://www.w3cschool.cn/html5" accesskey="h">HTML5</a>
-class 类名 元素可以有多个类名 class="name1 name2"
-contenteditable [5] 元素内容在浏览器中是否可以编辑(编辑a标签,链接失效) true|false; 
-contextmenu [5] 元素菜单 目前只有火狐支持
-data-* [5] 存储页面的自定义数据,可以在所有的HTML元素中嵌入数据 如:<li data-animal-type="fish">Salmon</li>
-dir 元素中文本方向 dir="rtl" 从右向左,ltr|rtl|auto
-draggable [5] 某个元素是否可以拖动 <p>xdfdc</p> 可以拖入到div中 draggable="true|false|auto"
-dropzone [5] 浏览器暂不支持 drop|move|link
-hidden [5] 隐藏该元素
-id  元素标示
-lang 语言标示
-spellcheck [5] 文本拼写检测 true|false
-style 样式
-tabindex 设置tab键次序
-title 规定元素的额外信息,鼠标停留时会显示信息
-translate [5] 暂不支持 是否需要翻译


3、全局事件属性
5=HTML5


【Window 事件属性】

-5 onafterprint script 文档打印之后运行的脚本。
-5 onbeforeprint script 文档打印之前运行的脚本。
-5 onbeforeunload script 文档卸载之前运行的脚本。
-5 onerror script 在错误发生时运行的脚本。
-5 onhaschange script 当文档已改变时运行的脚本。
-4 onload script 页面结束加载之后触发。
-5 onmessage script 在消息被触发时运行的脚本。
-5 onoffline script 当文档离线时运行的脚本。
-5 ononline script 当文档上线时运行的脚本。
-5 onpagehide script 当窗口隐藏时运行的脚本。
-5 onpageshow script 当窗口成为可见时运行的脚本。
-5 onpopstate script 当窗口历史记录改变时运行的脚本。
-5 onredo script 当文档执行撤销(redo)时运行的脚本。
-5 onresize script 当浏览器窗口被调整大小时触发。
-5 onstorage script 在 Web Storage 区域更新后运行的脚本。
-4 onundo script 在文档执行 undo 时运行的脚本。
-5 onunload script 一旦页面已下载时触发(或者浏览器窗口已被关闭)

【Form 事件】

-4 onblur script 元素失去焦点时运行的脚本。
-4 onchange script 在元素值被改变时运行的脚本。
-5 oncontextmenu script 当上下文菜单被触发时运行的脚本。
-4 onfocus script 当元素获得焦点时运行的脚本。
-5 onformchange script 在表单改变时运行的脚本。
-5 onforminput script 当表单获得用户输入时运行的脚本。
-5 oninput script 当元素获得用户输入时运行的脚本。
-5 oninvalid script 当元素无效时运行的脚本。
-4 onreset script 当表单中的重置按钮被点击时触发。HTML5 中不支持。
-4 onselect script 在元素中文本被选中后触发。
-4 onsubmit script 在提交表单时触发

【Keyboard 事件】

-4 onkeydown script 在用户按下按键时触发。
-4 onkeypress script 在用户敲击按钮时触发。
-4 onkeyup script 当用户释放按键时触发

【Mouse 事件】

-4 onclick script 元素上发生鼠标点击时触发。
-4 ondblclick script 元素上发生鼠标双击时触发。
-5 ondrag script 元素被拖动时运行的脚本。
-5 ondragend script 在拖动操作末端运行的脚本。
-5 ondragenter script 当元素元素已被拖动到有效拖放区域时运行的脚本。
-5 ondragleave script 当元素离开有效拖放目标时运行的脚本。
-5 ondragover script 当元素在有效拖放目标上正在被拖动时运行的脚本。
-5 ondragstart script 在拖动操作开端运行的脚本。
-5 ondrop script 当被拖元素正在被拖放时运行的脚本。
-4 onmousedown script 当元素上按下鼠标按钮时触发。
-4 onmousemove script 当鼠标指针移动到元素上时触发。
-4 onmouseout script 当鼠标指针移出元素时触发。
-4 onmouseover script 当鼠标指针移动到元素上时触发。
-4 onmouseup script 当在元素上释放鼠标按钮时触发。
-5 onmousewheel script 当鼠标滚轮正在被滚动时运行的脚本。
-5 onscroll script 当元素滚动条被滚动时运行的脚本

【Media 事件】

-4 onabort script 在退出时运行的脚本。
-5 oncanplay script 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。
-5 oncanplaythrough script 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
-5 ondurationchange script 当媒介长度改变时运行的脚本。
-5 onemptied script 当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。
-5 onended script 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。
-5 onerror script 当在文件加载期间发生错误时运行的脚本。
-5 onloadeddata script 当媒介数据已加载时运行的脚本。
-5 onloadedmetadata script 当元数据(比如分辨率和时长)被加载时运行的脚本。
-5 onloadstart script 在文件开始加载且未实际加载任何数据前运行的脚本。
-5 onpause script 当媒介被用户或程序暂停时运行的脚本。
-5 onplay script 当媒介已就绪可以开始播放时运行的脚本。
-5 onplaying script 当媒介已开始播放时运行的脚本。
-5 onprogress script 当浏览器正在获取媒介数据时运行的脚本
-5 onratechange script 每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。
-5 onreadystatechange script 每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。
-5 onseeked script 当seeking属性设置为 false(指示定位已结束)时运行的脚本。
-5 onseeking script 当seeking 属性设置为 true(指示定位是活动的)时运行的脚本。
-5 onstalled script 在浏览器不论何种原因未能取回媒介数据时运行的脚本。
-5 onsuspend script 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
-5 ontimeupdate script 当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。
-5 onvolumechange script 每当音量改变时(包括将音量设置为静音)时运行的脚本。
-4 onwaiting script 当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲更多数据)运行脚本
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值