定义预格式文本(HTML5中不支持)
4
事件属性
属性
值
描述
4
5
HTML5元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个HTML5元素时启动一段JavaScript。
下面列出的事件属性,可以把它们插入HTML标签来定义事件行为。
HTML5中的新事件属性:
onabort,onbeforeunload,oncontextmenu,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onmessage,onmousewheel,onresize,onscroll,onunload。
4:
指在HTML4.01中定义了该元素
5:
指在HTML5中定义了该元素
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不再支持的HTML4.01属性:
onreset。
标签属性
属性
值
描述
4
5
HTML5标签拥有属性。
在每个标签的参考页中可以找到相应的特殊属性。
这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。
4:
指在HTML4.01中定义了该元素
5:
指在HTML5中定义了该元素
acceskey
acharacter
设置访问一个元素的键盘快捷键。
不支持。
4
class
class_ruleorstyle_rule
元素的类名。
4
5
contenteditable
true
false
设置是否允许用户编辑元素。
5
contentextmenu
idofamenuelement
给元素设置一个上下文菜单。
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
registrationmark
为元素设置拍照。
可规定于任何元素的后代元素,除了元素。
5
style
style_definition
行内的样式定义。
4
5
tabindex
number
设置元素的tab顺序。
4
5
template
urlorelementID
引用应该应用到该元素的另一个文档或本文档上另一个位置。
5
title
tooltip_text
显示在工具提示中的文本。
4
5
HTML5标签中的新属性有:
contenteditable,contextmenu,draggable,irrelevant,ref,registrationmark,template
HTML5中不再支持的属性:
accesskey
第二部分按功能分
一、主体结构
header
页面头部,页面中的一个内容区块或头部。
不同与
aside
边栏(与article相关的辅助信息)
nav
外部链接集合
section
表示页面内一个内容区块,章节或段落(章节,页眉,页脚或页面中其他部分。
可与hi-h6(标题标签)结合使用
article
一块独立的内容。
类似文章、页面中BLOG的正文部分。
摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup
类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,headingofasection
address
联系信息,一般用在article或body锚元素周围
footer
页脚
二、HTML5元素标记汇总表
文档类型宣告
DOCTYPEhtml>
根元素元素
html
META元素
head、title、base、link、meta、style
部件元素
body、section、nav、article、aside、h1、h2、h3、h4、h5、h6、hgroup、header、footer、address
分组内容元素
p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、div
文本层次语义元素
a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
编辑元素
ins、del
嵌入内容元素
img、iframe、embed、object、param、video、audio、source、canvas、map、area
表格元素
table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
表单元素
form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
互动元素
details、summary、command、menu
脚本元素
script、noscript
三、HTML5元素通用属性和事件句柄
HTML5元素通用属性表
accesskey、class、contenteditable、contextmenu、dir、draggable、hidden、id、lang、spellcheck、style、tabindex、title
HTML5元素事件句柄属性
onabort、onblur*、oncanplay、oncanplaythrough、onchange、onclick、oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、onkeypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、onsuspend、ontimeupdate、onvolumechange、onwaiting。
四、HTML5元素标记释义
标记
类型
意义
介绍
文件标记
●
根文件标记
让浏览器知道这是HTML文件
META标记
●
开头
提供文件整体信息
●
标题
定义文件标题,显示于浏览器顶端
o
基准标记
可将相对URL转绝对及指定链接
o
外部资源连接
必须带rel属性描述
o
其它META数据
不能被title,base,link,style,和script元素描述的META数据
●
嵌入文档风格信息
部件标记
●
文档主体开始
文档内容容器
●
代表通用文档或应用部件
●
导航链接
外部链接或文档内部链接
●
页面模块
类似文章、摘要或留言POST等形式的记录
●
孤立模块
一般作为边栏广告、说明、引用、导航等,aside围堵部分一般与正文耦合较小
●
标题标记
此外还有h2,h3,h4,h5,h6
●
群组标题
用在一组h1-h6这样的元素集合时使用,用来区分主副标题?
?
●
组说明或组导航
也可叫页头标题
●
页脚标题
作用范围跟最近部件元素有关
●
地址或联系信息
分组内容标记
●
段落标记
o
水平分割线
o
换行
●
预格式化分本块
●
块引用
●
编号列表
●
项目列表
●
列表项
●
定义列表
●
定义名称
●
定义说明
●
流内容区块说明
多结合figcaption使用
●
figure内容属性
●
定位标记
无实际意义
文本层次语义标记
●
链接标记
●
强调标记
●
加重标记
●
字体缩小
●
斜体标记
●
引用标记内容
原文是phrasingcontent,暂不清楚如何翻译
●
术语定义
●
缩略语
●
日期时间
●
程序代码
●
变量
●
范例
●
键盘字
●
上标字/下标字
●
斜体标记
●
粗体标记
●
标记或高亮
●
注解标记
●
ruby子元素
结合ruby使用,比如:
天缘
●
ruby子元素
一般做rt元素注释使用
●
●
自定义标记
编辑标记
●
●
嵌入内容标记
●
图片标记
●
框架标记
●
嵌入标记
●
对象标记
●
参数标记
●
视频标记
●
音频标记
●
来源标记
●
制图标记
●
地图标记
●
区域标记
表格标记
●
表格标记
设定该表格的各项参数
●
表格标题
做成一打通列以填入表格标题
●
●
●
●
●
●
表格列
设定该表格的列
● 表格栏 设定该表格的栏 | ● 表格标头 相等于 | ,但其内文字字体会变粗 表单标记
|
---|