一些标签属性--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 属性

一些标签属性--aria-label--rel属性相关推荐

html中link的rel属性,HTML link rel 属性解释
什么是link关系属性? 在SEO行业中,link关系属性(在源代码中表示为)最常用于将页面之间的关系传递给搜索引擎. 但是,link关系属性已经使用了十多年以用于许多其他目的,例如加载CSS样式表, ...
a标签 rel属性
a标签常用rel属性 rel='external' 此属性的意思是告诉搜索引擎,这个链接不是本站链接,其实作用相当于target='_blank'. 为什么要这样写呢?因为有些网站因为是采用严格的DO ...
标签中的rel属性的含义
rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev ...
link 标签的 rel 属性
2019独角兽企业重金招聘Python工程师标准>>> rel 属性规定当前文档与被链接文档之间的关系. 只有 rel 属性的 "stylesheet" 值得到了 ...
jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作全选,反选效果 4.文档处理操作标签一.样式操作样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
目录 jQuery jQuery介绍 jQuery的优势 jQuery版本 jQuery内容: jQuery对象 jQuery基础语法查找标签基本选择器层级选择器: 基本筛选器: 属性选择器表 ...
前端JavaScript DOM BOM 自学复盘 D1（DOM-获取DOM元素、修改HTML标签/表单/css样式属性、定时器-间歇函数）
内容概要 1. Web API 基本认知 1.1. 作用和分类 1.2. 什么是DOM 1.3. DOM作用 1.4 DOM树 1.4.1. DOM树是什么? 1.4.2. DOM 树的作用 1.5 ...
【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性 ...
HTML5 script 标签的 crossorigin 和integrity属性的作用
Bootstrap 4 依赖的基础库中出现了两个新的属性 1 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim ...
ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...
<百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...

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

aria-label

a标签的rel属性

一些标签属性--aria-label--rel属性相关推荐

最新文章

热门文章