role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用。使用role可以增强文本的可读性和语义化。
在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。


http://www.taodudu.cc/news/show-6391848.html

相关文章:

  • Ansible playbook中role的用法
  • bootstrap role属性
  • role.vue
  • html中role的作用
  • role属性
  • Role,Rolebinding与serviceAccount
  • ansible-playbook role角色
  • bootstrap中,role=form及role作用角色
  • roles
  • Ansible Role详解
  • html 里面的 role 属性是什么意思
  • role角色的应用
  • The role of Roles
  • 辨析 role、import_role、include_role
  • role
  • 计算机网络——点对点协议PPP
  • LoRa点对点系统3 与PC接口
  • 余弦误差
  • 余弦相似度,TF
  • 1194C语言实验——余弦
  • 计算机网络基础知识总结及思维导图(四)网络层
  • 真受伤了
  • 你受伤和人类受伤你会怎么选择
  • 手受伤了
  • 这种受伤的生活
  • 《细胞》:植物缺水或受伤后真的会哭!科学家录音为证
  • 伤痛过后是什么?
  • 伤了
  • 受伤
  • 受伤了!

html5之role作用相关推荐

  1. HTML标签的role作用

    看到别人代码中出现role属性,记录一下: <li role="tab" class=tabs-tab>tab1</li> role 是增强语义性,当现有的 ...

  2. html5元件的作用,寄存器的作用是什么

    寄存器的作用是存储二进制代码,它是由具有存储功能的触发器组合起来构成的.一个触发器可以存储1位二进制代码,故存放n位二进制代码的寄存器,需用n个触发器来构成. 本文操作环境:windows10系统,L ...

  3. bootstrap中,role=form及role作用角色

    1.在英汉图灵计算机大词典里: role   n.角色(任务): 2.在Bootstrap框架中,role="form": form表单属性,类似与辅助工具,转换角色使用: rol ...

  4. 20 Java程序员面试宝典视频课程之HTML5新标签、功能

    一.HTML5认识?(是什么,为什么) 答: 1.HTML5指的是包括 HTML . CSS 和 JavaScript 在内的一套技术组合. 2.HTML4陈旧不能满足日益发展的互联网需要,特别是移动 ...

  5. HTML5 新增结构元素分为主体结构元素和非主体结构元素

    做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介 ...

  6. html5中的一些标签学习总结

    html5 contenteditable="true" html5内容可编辑属性 html5 hgroup hgroup字面意思是头部的组,可以将其分拆为h和group来理解.在 ...

  7. HTML5 全局属性

    HTML5 全局属性 了解HTML5新加入的内容,首先了解对于所有元素都适应的全局属性,一部分是HTML5新添加的属性,一部分是HTML5之前就已经存在的属性,至于是什么时候添加到HTML标准中,就不 ...

  8. HTML5 新增的结构元素——能用不代表用对了

    我们需要让标签语义化,清晰的结构,更好的 seo,利于特殊终端的阅读(无障碍),此时 html5 标签的作用就很明显了,并不是说能用就好.于是复习下内容并记录在博客上,顺便分享给大家,也方便自己以后查 ...

  9. html5新特性(一)

    今天就和一起学习前端的朋友探讨一下html5的新特性. 1.  新的文档类型<!DOCTYPE html> 2. 语义Header和Footer 在以前需要这么声明: <div id ...

最新文章

  1. 影像组学视频学习笔记(32)-使用SimpleITK进行N4偏置场校正、Li‘s have a solution and plan.
  2. iOS-项目打包为ipa文件
  3. [转] form.getForm().submit的用法及Ext.Ajax.request的小小区别
  4. 2021长郡浏阳中学高考成绩查询,2021长沙市高中排名一览表
  5. MySQL删除存储过程(DROP PROCEDURE)
  6. linux如何配置网卡地址吗,教会你如何完成Linux网络地址配置
  7. C语言指针变量与一维数组
  8. Java中Lambda表达式的使用(转)
  9. Recycle网格制式之瀑布流的实现
  10. CCF NOI1026 表演打分
  11. 单目标跟踪paper小综述
  12. 汇川plc c语言,汇川plc编程软件-汇川plc编程软件autoshop下载 v2.92官方版--pc6下载站...
  13. 蓝牙版本avrcp怎么选_「科技犬」除了苹果AirPods,真无线蓝牙耳机到底怎么选?...
  14. 偏光太阳镜测试图片软件,[专题]真假偏光太阳镜简单、实用辨别方法!
  15. python图片转字符画代码_python实现图片转字符画的完整代码
  16. Excel导入导出功能
  17. 用vb.net写一个简易的RSS阅读器
  18. 为什么大部分人的职场,总是越努力越绝望?
  19. 分布式和集群的概念区别
  20. CANoe:CAPL周期发送CANFD报文

热门文章

  1. 大型多人在线游戏的开发中,如何做到每个玩家动作的实时同步的?
  2. operator的解释
  3. 明翰中高级Java后端面试题攻略v0.3(持续更新)
  4. 从零开始学习Windows WDF驱动程序开发
  5. python多线程数据交互_python 多线程 通信
  6. 如何用matlab画电场强度三维图,浅析matlab模拟静电场三维图与恒定电流场模拟静电场...
  7. 心理学上的被动_心理学解读:你是被动的人吗?
  8. 小红书投放效果差?3招教你优化Brief直击用户需求
  9. 深圳大学超级计算机,Intel CMP活动之“超算习堂”走进深圳大学
  10. Python高级教程(三)、数据库操作之mysql