将alt标签用于锚链接是否正确
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
uno*_*nor 124
通过查看官方规范可以最好地回答这些问题:
搜索" a元素":https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
选中"内容属性",其中列出了a元素的所有允许属性:
- 全局属性
hreftargetdownloadrelhreflangtype
检查链接的"全局属性":https://www.w3.org/TR/html5/dom.html#global-attributes
正如您将看到的,元素alt上不允许该属性a.
你也注意到也src不允许这个属性.
通过验证您的HTML,会向您报告此类错误.
请注意,上面是HTML5,它是2014年W3C的HTML标准.2016年,HTML 5.1成为下一个HTML标准.查找允许的属性的方式相同.你会看到该a元素在HTML 5.1中可以有另一个属性:rev.
您可以在W3C的HTML当前状态中找到所有HTML规范(包括最新标准).
tom*_*mis 56
对于锚点,您应该使用标题.alt不是a的有效属性.见http://w3schools.com/tags/tag_a.asp
Pab*_*zos 24
"标题"在浏览器中广泛实现.尝试:
<a href="#" title="hello">asf</a>
不,任何HTML规范或草稿中alt的a元素都不允许使用属性(它将是属性,而不是标记).并且它似乎没有被任何浏览器识别为具有任何重要性.
这是一个有点神秘,为什么人们尝试使用它的话,但可能的解释是,他们在模拟这样alt属性的img元素,期待看到鼠标悬停一个"工具提示".这有两个问题.首先,每个元素都有自己的属性,在每个元素的规范中定义.其次,alt在一些古老的浏览器中,"工具提示"的属性渲染是一个奇怪的甚至是一个错误,而不是预期的东西; alt当且仅当图像本身未被呈现时,该属性才被呈现给用户,无论出于何种原因.
要创建一个"提示",使用title属性来代替,或者更好的,谷歌为"CSS工具提示",并使用您的首选基于CSS的工具提示(可以将它们描述为成为鼠标悬停可见隐藏的"层").
我使用了标题，它奏效了！
title 属性给出了链接的标题。除了一个例外，它纯粹是建议性的。值为文本。样式表链接除外，其中 title 属性定义了替代样式表集。
<a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">A.K.</a>
如果您希望像alt属性一样应用描述性信息，则应将title属性用于锚标记。title属性在锚标记上有效，除了提供有关链接页面的信息外，没有其他目的。
W3C建议title属性的值应与链接文档的title值匹配，但这不是强制性的。
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
另外，您可能还可以使用ARIA可访问性属性aria-label（不要与混淆aria-labeledby），并且可能会更有利。 aria-label与alt属性对图像的功能相同，但对非图像元素的功能相同，并且由于您针对屏幕阅读器进行了优化，因此包含一些优化措施。
http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
但是，如果您想描述锚标记，通常使用rel或rev标记是适当的，但是您限于特定的值，因此不应将其用于人类可读的描述。
Rel用于描述链接页面与当前页面的关系。（例如，如果链接的页面是逻辑系列中的下一个页面，则它将为rel = next）
rev属性本质上是rel属性的反向关系。修订版描述了当前页面与链接页面的关系。
您可以在此处找到有效值的列表：http : //microformats.org/wiki/existing-rel-values