role属性

最新推荐文章于 2021-04-26 12:22:02 发布
最新推荐文章于 2021-04-26 12:22:02 发布
阅读量1k 收藏
点赞数 1
原文链接：http://www.cnblogs.com/qianphong/p/10658964.html
版权

<form role="form">

role是一个HTML5的属性，role="form"告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色是个表单，在button中role="button"就是


告诉设备，这是个按钮，可以点击。本质上是增强语义性，增强组件的可访问性、可用性和可交互性

转载于:https://www.cnblogs.com/qianphong/p/10658964.html

weixin_34167043
关注
HTML中的role属性
轻风未晓的博客
12-04 11万+
一.什么是role属性 role属性作用是告诉Accessibility类应用（比如屏幕朗读程序，为盲人提供的访问网络的便利程序），这个元素所扮演的角色，主要是供残疾人使用。使用role可以增强文本的可读性和语义化。 在html5元素内，标签本身就是有语义的，因此role是不必添加的，至少是不推荐的，但是bootstrap的案例内很多都是有类似的属性和声明的，目的是为了兼容老版
无障碍开发（二）之ARIA role属性
weixin_30510153的博客
09-22 1934
role属性 role属性值含义HTML示意说明 alert 表示警告 <p id="ajax_error_alert" role="alert"></p> 例如ajax操作返回错误信息的div标签。 alertdialog 表示警告弹出框 <div aria-labelledby="alert_title"...
html5的data-role的属性
06-21
html5的data-role的属性，The jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use data- attributes, set a custom namespace by modifying the ns global option。
bootstrap中的 form表单属性role="form"有什么作用？
weixin_33957648的博客
01-20 413
html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button比如， <div ...
role属性解析
qq_35698009的博客
12-22 2141
role 属性： 本质上是增强语义性，当现有标签不能充分表达语义性的时候，就可以借助role来说明。 同时也是为了告诉Accessibility类应用（如读屏软件为盲人提供的访问网络便利程序）， 在html5元素内，标签本身就有语义的，因此role是不必添加的，至少是不推荐的， 但bootstrap的案例内很多都是有类似的属性和声明的，目的是为了兼容老版本浏览器， 如果你的代码使用了ht
class 里面 role属性
oscar92420aaa的博客
10-28 1077
role是无障碍阅读，是给有阅读障碍的人设置的属性，有阅读障碍的人可以用读屏软件来解析，跟正常人没多大关系。可以不设置，不设置的话读屏软件就无法解析，有阅读障碍的人也就"看"不了了
role属性：html中role的作用
热门推荐
鄙人kunzhi96，感恩遇见！
12-14 1万+
这个role属性之前也没有注意过，下面为转载了解内容 role 是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。 通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。 role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个...
bootstrap中的 form表单属性role=”form”的作用详解
12-29
html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。 role的作用是...
深入理解CSS中的属性模块
12-13
更多 vs 更少 – 简单比较 神奇的是，虽然在标签里面放那么多类让我非常不爽，可是人们爱哈利，因为他太特么能说了。提倡的某些东西，比如说 OOCSS 和单一责任原则，从我自己创建的一系列日益复杂的网站来看，我可以...
bootstrap中的 form表单属性role="form"的作用详解
08-31
`role`属性的主要目的是为那些可能无法通过视觉方式理解网页内容的用户，如视障人士，提供额外的信息。这种属性允许辅助技术（如屏幕阅读器）识别和解释页面上的元素，即使这些元素不是由标准的HTML标签表示的。 在...
辛星浅析html5中的role属性
辛星，前进的路上.
06-05 4192
我们使用role属性告诉辅助设备，这个元素所扮演的角色，比如点击的按钮，我们通常就使用role="button",会让这个元素可点击。      但是它更多的是用来增强语义性，当现有的html标签不能充分表达语义性的时候，就可以借助role来说明。通常它更多的出现在一些自定义的组件上。比如html中没有tree标签，我们就可以把他的role设置为tree，这样可以增强组件的可访问性、可用性和可交
html 里面的 role 属性是什么意思
weixin_34195364的博客
04-27 894
role="button" role是什么意思？ html 里面的 role 属性是什么意义和用途 　　使用role属性告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色，属于WAI-ARIA. 例如点击的按钮，就是role="button"；会让这个元素可点击； 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的...
role是一个HTML5的属性
weixin_34290352的博客
05-02 454
<form role="form"> role是一个HTML5的属性，role="form"告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色是个表单，在button中role="button"就是 告诉设备，这是个按钮，可以点击。本质上是增强语义性，增强组件的可访问性、可用性和可交 转载于:https://www.cnblogs.com...
HTML 中的 ＜abbr＞ 标签与 role 属性
weixin_45608059的博客
04-26 810
昨日浏览CSS Zen Garden网页源码，看到 html 文档中很有意思的 abbr 标签，和其他标签中的 role 属性。记录一下并做个知识点小结。 <abbr> 属性 HTML 缩写元素（<abbr>）用于代表缩写，有一个可选属性 title。可以通过此属性提供完整的描述。注：若使用 title 属性，则它必须且仅可包含完整的描述内容。 <p> You can use <abbr title="Cascading Style Sheets">CSS&
java a 标签中的rel_聊聊a标签的rel属性
weixin_42386511的博客
02-27 234
前言在掘金上分享了一篇文章，发现链接的地址直接是自己的分享链接，就想看看是否启用了 rel="nofllow"，然而发现掘金使用了 rel="nofollow noopener noreferrer"，对 rel 不是很了解的我，开始了搜索之路。探索rel="nofllow"它告诉搜索引擎，不要将该链接计入权重。因此大多数外部链接都可以加上 rel="nofllow"。rel="nofollow ...
bootstrap中，role="form"及role作用角色
哈里·雪利博客
12-06 1万+
1、在英汉计算机大词典里： role   n.角色(任务)； 2、在Bootstrap框架中，role="form"； form表单属性，类似与辅助工具，转换角色使用； role="form"定义form表单元素为form功能角色使用； 3、下面有其他案例： Eg1: ，把div元素转换为button按钮功能使用； Eg2:，把div元素转换为navigation导航功能使用；
ROLE
weixin_33958585的博客
03-01 97
Provide information on the role of a Redis instance in the context of replication, by returning if the instance is currently amaster,slave, orsentinel. The command also retur...
Html/Css_ 拾遗 role属性的作用
迎难而上
03-15 7563
原文地址：http://blog.csdn.net/annip/article/details/53455226 一.什么是role属性 role属性作用是告诉Accessibility类应用（比如屏幕朗读程序，为盲人提供的访问网络的便利程序），这个元素所扮演的角色，主要是供残疾人使用。使用role可以增强文 本的可读性和语义化。 在html5元素内，标签本身就是有语义的，因此
html 里面的 role 属性是什么意思和用途
mxk4869的博客
04-01 1万+
html 里面的 role本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。 role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button 比如， ...
html的header属性
最新发布
03-29
HTML的header属性指的是网页中的头部区域，通常包括网站的标题、logo、菜单等内容。在HTML中，可以使用<header>标签来定义头部区域，同时可以使用以下属性来指定头部的相关信息： 1. id属性：为头部区域定义一个唯一的标识符。 2. class属性：为头部区域定义一个或多个样式类，以便于样式化。 3. style属性：为头部区域定义一个内联样式（CSS样式）。 4. role属性：为头部区域定义一个角色，以便于屏幕阅读器等辅助技术识别。 5. aria-*属性：为头部区域定义一些可访问性相关的属性，如aria-label、aria-labelledby等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值