一些标签属性--aria-label--rel属性

aria-label

在项目的a标签中看到了 aria-label，之前并没有见过，搜索之后发现：

aria 英文全称：Accessible Rich Internet Application，翻译成中文就是：可访问的富互联网应用程序。其实它是一组属性，定义了使残疾人更容易访问 web 内容和 web 应用程序（尤其是使用JavaScript开发的应用程序）的方法。

例如：
下面这个表单添加了aria-label属性，那么当页面聚焦到此表单上时，屏幕阅读器会读出 aria-label 属性的值，aria-label 不会在视觉上呈现效果，只是方便设备读取备注。

<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">

a标签的rel属性

参考链接

a 标签的 rel 属性用于指定当前文档与被链接文档的关系。
用于a标签的可选属性 rel 和 rev 分别表示源文档与目标文档之间正式的关系和方向。rel 属性指定从源文档到目标文档的关系，而 rev 属性则指定从目标文档到源文档的关系。这两种属性可以在 a 标签中同时使用。注意！！HTML5不再支持 标签的 rev 属性

• nofollow属性 用于指定Google搜索引擎不要跟踪链接

• noopener 用于浏览器安全防护，防止钓鱼攻击。指示浏览器打开目标文档而不授予目标文档打开源文档的访问权限，打开添加了 rel=“noopener” 的链接，window.opener 会为 null。当打开不受信任的链接时，这个属性特别有用，可以确保目标文档无法通过Window.opener属性来篡改源文档，同时仍提供 Referer HTTP标头（除非同时使用noreferrer）。
  注意：使用noopener时，在决定是否打开新窗口/选项卡方面，除_top，_self和_parent 以外的非空目标名称都被视为_blank

• noreferrer浏览器导航到另一个页面时，阻止HTTP header将当前页面地址或任何其他值作为Referrer发送。可以使用 rel=“noreferrer” 禁用 HTTP 头部的 Referer 属性