1、简介

属性(attribute)用于定制元素的行为,写法是标签内部的键值对,例如<html lang="en">
布尔属性,属性值是一个布尔值,这时属性值可省略,只添加属性名表示打开该属性,例如<input type="text" required>

2、全局属性

全局属性(global attribute)指所有元素都可以使用的属性。

2.1、id

元素在网页内的唯一标识符,全局唯一,不能有两个相同的id属性。
在id属性的值前加上(#),放到URL中作为锚点,定位到该元素在网页内部的位置。

2.2、 class

用来对网页元素进行分类。

2.3、 title

为元素添加附加说明,鼠标悬浮显示title值

2.4、 tabindex

属性值是一个整数,表示用户按下tab键后网页焦点转移的顺序。

  • 负整数:通常为-1
  • 0
  • 正整数

一般来说,tabindex属性最好都设成0,按照自然顺序进行遍历,除非有特殊布局。

2.5、 accesskey

指定网页元素获得焦点的快捷键,只要按下快捷键,该元素就会得到焦点,需要配合功能键才生效:Alt+字符键。

2.6、 style

指定当前元素的css样式

2.7、 hidden

布尔属性,表示当前网页元素不再跟页面相关。但是若CSS设该元素可见,hidden属性将无效。

2.8、 lang,dir

lang属性指定网页元素使用的语言,常见的值有:zh、zh-Hans、zh-Hant、en、es、fr
dir属性表示文字的阅读方法,有三个可能的值:ltr,rtl,auto。

2.9、 contenteditable

该属性允许用户修改内容,有两个可能的值:true和false。
该属性为枚举属性,不是布尔属性,规范写法带上属性值。
用户改变句子内容,除非提交到服务器,否则刷新后还是原来的内容

2.10、 spellcheck

该属性表示是否打开浏览器自带的拼写检查功能,有两个可能的值:true和false。
配合contenteditable使用。
该属性为枚举属性,不是布尔属性,规范写法带上属性值。

2.11、 data

该属性用于放置自定义数据。

2.12、 事件处理属性

event handler事件处理属性用于响应用户的动作,属性的值为JavaScript代码。
onblur失去焦点onchange状态改变onclick鼠标点击onclose对话框关闭ondbclick双击onfocus获得焦点onkeyup鼠标抬起onscroll页面滚动onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting

免责声明:务必仔细阅读

  • 本站为个人博客,博客所转载的一切破解、path、补丁、注册机和注册信息及软件等资源文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。

  • 本站为非盈利性站点,打赏作为用户喜欢本站捐赠打赏功能,本站不贩卖软件等资源,所有内容不作为商业行为。

  • 本博客的文章中涉及的任何解锁和解密分析脚本,仅用于测试和学习研究,禁止用于商业用途,不能保证其合法性,准确性,完整性和有效性,请根据情况自行判断.

  • 本博客的任何内容,未经许可禁止任何公众号、自媒体进行任何形式的转载、发布。

  • 博客对任何脚本资源教程问题概不负责,包括但不限于由任何脚本资源教程错误导致的任何损失或损害.

  • 间接使用相关资源或者参照文章的任何用户,包括但不限于建立VPS或在某些行为违反国家/地区法律或相关法规的情况下进行传播, 博客对于由此引起的任何隐私泄漏或其他后果概不负责.

  • 请勿将博客的任何内容用于商业或非法目的,否则后果自负.

  • 如果任何单位或个人认为该博客的任何内容可能涉嫌侵犯其权利,则应及时通知并提供身份证明,所有权证明至admin@proyy.com.我们将在收到认证文件后删除相关内容.

  • 任何以任何方式查看此博客的任何内容的人或直接或间接使用该博客的任何内容的使用者都应仔细阅读此声明。博客保留随时更改或补充此免责声明的权利。一旦使用并复制了博客的任何内容,则视为您已接受此免责声明.

您必须在下载后的24小时内从计算机或手机中完全删除以上内容.

您使用或者复制了本博客的任何内容,则视为已接受此声明,请仔细阅读


更多福利请关注一一网络微信公众号或者小程序

一一网络微信公众号
打个小广告,宝塔服务器面板,我用的也是,很方便,重点是免费的也能用,没钱太难了,穷鬼一个,一键全能部署及管理,送你3188元礼包,点我领取https://www.bt.cn/?invite_code=MV9kY3ZwbXo=


一一网络 » 网页元素的属性

发表评论

发表评论

一一网络-提供最优质的文章集合

立即查看 了解详情