html的role,hidden

 <a role="menuitem" id="appearance" href="/appearance"
            hidden="[[!pageVisibility.appearance]]">
            <iron-icon icon="settings:palette"></iron-icon>
            $i18n{appearancePageTitle}
          </a>

再chromium 源码里面发现 role

查了下转载来自：https://blog.csdn.net/qq_34639706/article/details/106725672?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

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

通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性

hidden：

<!DOCTYPE html>
<html>
<body>

<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>

</body>
</html>

结果：

posted @ 2021-05-20 16:11 冰糖葫芦很乖阅读(101) 评论(0) 编辑收藏举报