role="separator"是啥作用

Posted 2023-04-17

例如下面这段html5代码块：

=========================分割线===========================

其效果图为：

=========================分割线===========================

由此可见：

role="separator" 是Html中的分割线属性，利用BootStrap可以制作出分割线的样式，

html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。

=========================分割线===========================

其代码语句为：

<li role="separator" class="divider"></li>

=========================分割线===========================

详情参见BootStrapt官方文档有关"默认样式的导航条"：BootStrap官方文档关于导航条组件

参考技术A 科技含量高mada zbz7p49o

role="navigation"

HTML5的标签属性，可以用于标识一个普通的标签，使之语义化，方便浏览器对其具体功能进行识别。
例如div容器制作的导航栏，加上role="navigation"，就可以让浏览器知晓这是一个导航容器而不是一个普通的容器，从而在面对一些特殊人群的时候可以做出正确的反应（例如盲人）……
当然，针对题目中的这种用法，其实用<nav>标签会更好。   ---------from 知乎

 

<nav> 标签定义导航链接的部分。

<nav> 标签是 HTML 5 中的新标签。

Navigation有导航栏的意思。