bootstrap中 aria-haspopup="true" aria-expanded="true"含义

最新推荐文章于 2024-08-15 12:14:20 发布
最新推荐文章于 2024-08-15 12:14:20 发布
阅读量2.6w 收藏 11
点赞数 3
分类专栏： 前端 文章标签： Bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012260238/article/details/85228968
版权

Accessible Rich Internet Applications (ARIA) defines ways to make Web content and Web applications (especially those developed with Ajax and JavaScript) more accessible to people with disabilities. For example, ARIA enables accessible navigation landmarks, JavaScript widgets, form hints and error messages, live content updates, and more.

aria-haspopup :true表示点击的时候会出现菜单或是浮动元素； false表示没有pop-up效果。
aria-expanded:表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的。

这些都是无障碍网页应用的配置项，如果不考虑这些人群的话，就不需要…
请参照：http://www.zhangxinxu.com/wordpress/2012/03/wai-aria-无障碍阅读/

碧海凌云
关注
专栏目录
bootstrap中导航条data-toggle=collapse与data-target的联动
weixin_44649210的博客
04-10 6271
理想效果： 当浏览器页面大于768px时，导航条最右侧的菜单按钮隐藏 当浏览器页面小于768px时，可以点击菜单按钮显示、隐藏下拉菜单 代码： data-toggle用于控制隐藏无序列表，data-target用于指定被作用无序列表 data-toggle的其他属性： ...
bootstrap--面板,媒体对象,字体图标,分页
lj1641719803hh的博客
03-16 825
面板 默认的 .panel 组件所做的只是设置基本的边框（border）和内补（padding）来包含内容。 <div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div> 媒体对象 默认样式的媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容（图像、视频、音频）。 【php代码】 <div class="m
data-toggle与data-target是什么作用
热门推荐
d295968572的博客
02-23 12万+
Bootstrap为这些a之类元素都绑定上了事件，而终止了链接默认行为。 data-toggle指以什么事件触发，常用的如modal,popover,tooltips等，data-target指事件的目标，一起使用就是代表data-target所指的元素以data-toggle指定的形式显示 data-target 与data-toggle 还有data-spy 文档总是给
HTML5 可访问性高级教程（一）
最新发布
龙哥盟
08-15 1417
这本书旨在帮助网页设计者和开发者用 HTML5 构建令人兴奋的、可访问的和可用的网站/应用。这本书着眼于使用 HTML5 来满足尽可能广泛的受众的需求，包括使用辅助技术(at)的残疾人和老年人。它旨在通过给你实用的建议成为一个有用的指南。这本书探讨了 HTML5 的新语义，以及如何将它们与您可能从使用早期版本的 HTML 中了解到的创作实践相结合。它还旨在演示辅助技术(如屏幕阅读器)当前如何支持(或不支持)HTML5 内容，以及当您努力使您的 HTML5 项目可访问时，这对您实际上意味着什么。
aria-expanded
03-22
咏叹调扩展
bootstrap中 aria-haspopup="true" aria-expanded="true"
cxu123321的博客
10-04 3000
bootstrap中 aria-haspopup="true" aria-expanded="true" 具体什么意思？ 问题对人有帮助，内容完整，我也想知道答案0问题没有实际价值，缺少关键内容，没有改进余地 求问bootstrap中 aria-haspopup="true" aria-expanded="true" 具体什么意思？ 查看全部 3 个回答 答案对人有帮助，有参考价...
HTML - aria-属性
qq_29517595的博客
10-10 1510
HTML aria属性
aria
程序猿小白的博客
12-19 837
aria-expanded    表示展开状态，默认为underfined，表示当前展开状态位置，可以设置值：true：表示元素是展开的；flase表示元素不是展开的。 aria-haspopup    true表示点击的时候回出现菜单或者浮动元素；false表示没有pop-up效果。 aria-hidden         true表示元素隐藏不可见，false表示元素可见。...
bootstrap-4-sidenav-example
05-30
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 主菜单项 <div class="dropdown-menu" aria-...
bootstrap的tab例子
qq_27009517的博客
07-15 495
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum...
Bootstrap-3-Tutorial-30---Input-Group-Button-Dropdown:以下视频教程的代码
07-12
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Action <span class="caret"> <ul class="dropdown-menu"> <li><a ...
前端开发笔记
冯天祥
03-06 6475
aria-expanded=“false” aria-expanded表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的 aria-hidden字符串 可选值为true和false，true表示元素隐藏(不可见)，false表示元素可见 快捷键 Ctrl + Enter 光标不在末尾回车 Ctrl + Bac...
Bootstrap----导航栏
weixin_52247167的博客
04-14 1万+
文章目录 一、导航栏 1、container 2、navbar 3、navbar-expand-xx 4、navbar-xxxx 5、bg-xxxx 6、navbar-brand 7、navbar-toggler 8、navbar-toggler-icon 9、定位 二、导航栏之切换触发器 1、data-toggle="xxx" 2、data-target="#id" 3、aria-controls="id" 4、aria-label 5、aria-expanded="bo.
Bootstrap折叠面板具体实现
weixin_45817492的博客
04-18 2773
Bootstrap折叠导航栏1.折叠面板效果2.制作过程3. 要注意的问题4.具体实现代码 1.折叠面板效果 点击每一个面板，触发对应的下方内容展开折叠,结合 card 卡片组件使用，可以扩展折叠组件为手风琴效果。 2.制作过程 引用文件bootstrap.js和jquery-3.4.0.js",用于实现折叠效果。引用文件bootstrap.css设置样式。 要创建折叠导航栏，需要把data-toggle=“collapse” 添加到您想要展开或折叠的组件的链接上。 href 或 data-t
Bootstrap页面整合（十二）
dengfengling999的博客
12-03 1397
首先引入bootstrap： 复制导航条代码：修改导航条： 删除 改完的导航条： 使用列表组或者手风琴来实现左侧菜单：复制手风琴代码首先使用栅格布局2分写菜单，10写主要内容 把手风琴的代码复制到2分的div内：就出现手风琴效果 手风琴里嵌套列表组：修改代码： 带上 in默认展开的：去掉in 在10分的中心内容做一个标签页： 修改代码： 在中心内容添加分页： 给添加按钮添加弹出的模态框： js： 点击添加用户按钮： 给删除按钮添加模态框：首先复制一份模态框：
记录：前端框架Bootstrap学习使用之组件——Collapse（折叠）
lky_for_lucky的博客
11-24 3900
Collapse作用： 折叠，如左侧各级菜单栏折叠。 Collapse工作原理： 将元素的高度变为0（感兴趣的可以去看源码） Collapse使用： class="collapse" 将要折叠的内容声明为collapse类 通过按钮控制折叠（非按钮如链接a可以声明role="button"） Collapse选项：（处于按钮中） data-bs-toggle="collapse" （绑定collapse事件） data-bs-target="#target" （折叠的目标，可用
el-menu 导航菜单 item 过多的显示问题
weixin_48702807的博客
03-31 6051
aa
Element属性与方法整理
林中路
07-14 4944
属性/方法名 描述 accessKey 为元素指定获取焦点的快捷键 align ？ ariaAtomic 指示辅助技术是否根据aria-relevant定义的通知显示全部或部分更改区域 ariaAutoComplete 反映了 aria-autocomplete属性的值，指示输入文本是否可触发自动完成功能 ariaBusy 反映了 aria-busy属性的值，指示元素是否正在被修改，因为辅助技术可能希望等到修改完成后再将它们暴露给用户 ariaChecked 反映了 ar...
web app Bootstrap基础 中下拉菜单中，使用禁用项的类：
05-25
在 Bootstrap 的下拉菜单组件中，可以使用 `.disabled` 类来表示菜单项是禁用的。例如： ```html <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 下拉菜单 </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">普通菜单项</a> <a class="dropdown-item disabled" href="#">禁用菜单项</a> <a class="dropdown-item" href="#">普通菜单项</a> </div> </div> ``` 在上述代码中，`.disabled` 类被添加到第二个菜单项中，表示它是禁用的，用户不能选择它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值