html中的属性
阅读数:41 评论数:0
跳转到新版页面分类
html/css/js
正文
一、属性的定义
<元素 属性="值"></元素>
<元素 属性='值'></元素>1、单引号作为属性值时，可以使用双引号，或者使用数字字符引（'）代替单引号。
<p title="这是一个'诗人'"></p>
<p> title='这是一个'诗人''</p>2、双引号作为属性值时，就必须使用数字字符引用（"）或者字符实体引用（"）来代替双引号
<p title="这是一个"诗人""></p>二、全局属性
全局属性可以定义在任何元素上。
| 属性 | 值 | 描述 |
| accesskey | 字符 | 定义访问元素的键盘快捷键 |
| class | 类名 | 定义元素的类名 |
| contenteditable | true、false | 定义是否允许用户编辑元素的内容 |
| contextmenu | menu id | 定义元素的上下文菜单 |
| dir | ltr、rtl | 定义元素中内容的文本方向 |
| draggable | true、false、auto | 定义是否允许用户拖动元素 |
| hidden | hidden | 定义该元素是否隐藏 |
| id | id | 定义元素唯一的id |
| lang或xml:lang | 自然语言代码 | 定义元素中内容的自然语言代码 |
| spellcheck | true、false | 定义是否必须对元素进行拼写或语法检查 |
| style | 样式定义 | 定义元素的行内样式 |
| tabindex | 数字 | 定义元素的tab键控制次序 |
| title | 文本 | 定义元素的相关描述信息 |
事件属性也可以定义在任何元素上，因此也是全局属性，特殊的是其值为javascript代码。
| 属性 | 描述 |
| onabort | 当元素的内容被取消加载时触发 |
| onblur | 当元素失去焦点时触发 |
| oncanplay | 当能够进行回放时触发，但还是会要求缓冲 |
| oncanplaythrough | 当能哆进行不间断回放时触发，即不要求缓冲就可以顺利播放 |
| onchange | 当元素的值发生变化时触发 |
| onclick | 在一个元素上单击时触发 |
| oncontextmenu | 右键点击元素时触发 |
| ondbclick | 双击元素时触发 |
| ondrag | 正在拖拽元素时触发 |
| ondragend | 完成拖拽元素时触发 |
| ondragenter | 当某一个被拖拽的元素进入当前元素时触发 |
| ondragleave | 当某个被拖拽的元素离开当前元素时触发 |
| ondragover | 当某个被拖拽的元素位地当前元素上时触发 |
| ondragstart | 用户开始拖拽元素时触发 |
| ondrop | 当某一个被拖拽的元素被释放到当前元素时触发 |
| ondurationchange | 当duration属性发生改变时触发 |
| onemptied | 当media元素恢复到初始状态时触发 |
| onended | 当播放到结尾时触发 |
| onerror | 与此元素相关联的对象有错误发生时触发 |
| onfocus | 获取焦点时触发 |
| onformchange | 当表单改变时触发 |
| onforminput | 当表单发获得用户输入时触发 |
| oninput | 当元素获得用户输入时触发 |
| oninvalid | 当元素无效时触发 |
| onkeydown | 当元素获得焦点状态时有键被按下 |
| onkeypress | 当元素获得焦点状态时有键被按下然后释放 |
| onkeyup | 当元素获得焦点状态时有键被释放 |
| onload | 在元素的内容完成加载后被触发 |
| onloadeddata | 在当前帧的数据加载完成且还没有足够的数据播放下一帧时触发 |
| onloadedmetadata | 在视音频的元数据加载后触发 |
| onloadstart | 浏览器开始寻找视音频时触发 |
| onmousedown | 单击鼠标时触发 |
| onmousemove | 鼠标在该元素上移动时触发 |
| onmouseout | 当鼠标离开该元素时触发 |
| onmouseup | 释放鼠标按键时触发 |
| onmousewheel | 鼠标滚轮滚动时触发 |
| onpause | 中止视频播放触发 |
| onplay | 当调用play()方法开始播放时触发 |
| onplaying | 当视频正在播放时触发 |
| onprogress | 当浏览器正在从服务器接收数据时触发 |
| onratechange | 当media数据的播放速率改变时触发 |
| onreadystatechange | 当元素的准备状态发生变化时触发 |
| onreset | 当表单被重置时触发 |
| onscroll | 当用记滚动该元素内容时触发 |
| onseeked | 当media元素的seeking属性不再为真且定位已结束时触发 |
| onseeking | 当media元素的seeking属性为真且定位已开始时触发 |
| onselect | 当元素被选定时触发 |
| onshow | 当menu元素被显示为上下文菜单时触发 |
| onstalled | 当取回media数据过程存在错误时触发 |
| onsubmit | 当数据被提交时触发 |
| onsupsend | 当已经在获取media数据，但在取回整个media数据之前中止时触发 |
| ontimeupdate | 当media改变其播放位置时触发 |
| onvolumechange | 当media改变音量或当音量被设置为静音时触发 |
| onwaiting | 当media已停止播放但打算继续播放时触发 |
在拖拽目标上触发的事件
ondragstart: 开始拖拽
ondrag：正在拖拽
ondragend: 完成拖拽
拖拽的某个元素触发当前元素的事件
ondragenter: 被拖拽的元素进入当前元素的的范围内
ondragover: 被拖拽的元素正在当前元素的范围内
ondragleave: 被拖拽的元素离开当前元素的范围内
ondrop: 被拖拽的元素在当前元素的范围内被释放
（2）onkeydown onkeypress onkeyup
执行顺序： onkeydown->onkeypress->onkeyup
onkeydown: 键盘一按下就触发，任意键都会触发
onkeypress： 同onkeydown（除去功能键，如：esc、shift、ctrl）
onloadstart： 在视频开始加载时执行
ondurationchange：当视频时长改变时执行
onloadedmetadata：在加载视频元数据时执行
onloadeddata：当目前帧数据可用时执行
onprogress：下载视频时执行
oncanplay： 当视音频准备好开始播放时执行
oncanplaythrough：当视音频可以一直播放而不停止时执行
相关推荐
一、script标签属性
async
表示立即下载该脚本，但不妨碍页面中的其他操作，只对外部文件有效。
charset
与src属性一起使用，告诉浏览器用来编码这个javascript程序的
一、概述
meta标签共有两个属性，它们分别是http-equiv属性和name属性。
二、meta标签的name属性
name属性主要用于描述网页，与之对应的属性值为content，content中
鼠标右移，右上角。
webstorm快捷键
ctrl+/
注释
按两个shift键
快速查找
ctrl+r
替换
alt+鼠标选择
纵向修改排列在一条线上的元素
ctrl+
一、简介
html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏，它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。
html2canvas脚本将页面渲染成一个canvas
一、原因
音频自动播放会被大多数的浏览器所阻止。
二、解决方法
添加muted属性，这个属性用于规定视频的音频输出应该是静音。
在使用html语法编写html5文档时，要求指定文档类型，以确保浏览器能在html5标准模式下渲染网页。
<!doctype html>
html语法不区分大小写，<!DOCTYPE html>和<!
一、用于强制的短语元素（em和strong元素）
强调元素的呈现根据浏览器不同会有不同的呈现。
1、em
表示强调。
2、strong
表示强烈的强调。
二、下标和上标
sup标签用于上标，sub用于