1、role是HTML5的标签属性,可以用于标识一个普通的标签,使之语义化,方便浏览器对其具体功能进行识别。简单的说,role是为了给一些特定的浏览工具,比如盲文浏览工具识别
2、下面有其他案例:
Eg1:<div role=”button”></div> ,把div元素转换为button按钮功能使用;
Eg2:<div role=”navigation”></div>,把div元素转换为navigation导航功能使用;
Eg3:<div role=”checkbox” aria-checked=”checked”></div>,把div元素转换为checkbox复选框功能使用;
Eg4:<a role=”button” class=”btn btn-default” href=”#” >链接</a>,把a链接元素转换为button按钮功能使用。