将alt标签用于锚链接是否正确?

使用alt标签作为锚点链接是否正确,类似

<a href="#" class="test" alt="Something" src="sfasfs" ></a> 

这样的事情最好通过查看官方规范来回答:

  1. 去规范: https : //www.w3.org/TR/html5/

  2. search“元素”: https : //www.w3.org/TR/html5/text-level-semantics.html#the-a-element

  3. 选中“内容属性”,列出a元素的所有允许的属性:

    • 全局属性
    • href
    • target
    • download
    • rel
    • hreflang
    • type
  4. 检查链接的“全局属性”: https : //www.w3.org/TR/html5/dom.html#global-attributes

正如你将会看到的, a元素不允许使用alt属性。
你也会注意到src属性也是不允许的。

通过validation您的HTML ,像这样的错误报告给你。


请注意,以上是针对HTML5的 ,这是从2014年开始的W3C的HTML标准 。 在2016年, HTML 5.1成为下一个HTML标准 。 查找允许的属性以相同的方式工作。 您将看到, a元素在HTML 5.1中可以有另一个属性: rev

您可以在W3C的HTML当前状态中find所有的HTML规范(包括最新的标准)。

对于主播,你应该使用标题来代替。 alt不是a的有效属性。 见http://w3schools.com/tags/tag_a.asp

“标题”在浏览器中被广泛使用。 尝试:

 <a href="#" title="hello">asf</a> 

不,在任何HTML规范或草稿中都不允许使用alt属性(它将是一个属性,而不是标签)。 它似乎没有被任何浏览器认为是有意义的。

那么为什么人们尝试使用它,这有点神秘,但是可能的解释是,他们正在模仿img元素的alt属性,期望在鼠标hover上看到一个“工具提示”。 这有两个错误。 首先,每个元素都有自己的属性,在每个元素的规格中定义。 其次,某些古代浏览器中的“工具提示”对alt属性的渲染是一个怪癖,甚至是一个错误,而不是预期的事情。 当且仅当图像本身没有被呈现时, alt属性应该被呈现给用户,无论出于何种原因。

要创build一个“工具提示”,可以使用title属性代替,或者更好地使用Google的“CSS工具提示”,并使用基于CSS的工具提示(它们可以被定义为在鼠标hover时可见的隐藏“图层”)。

如果希望像使用alt属性一样应用描述性信息,则应该使用title属性作为定位标记。 title属性在定位标记上有效,除了提供有关链接页面的信息之外,没有其他用途。

W3Cbuild议title属性的值应该与链接文档的标题值相匹配,但不是强制性的。

http://www.w3.org/MarkUp/1995-archive/Elements/A.html


另外,也可能更有益处,您可以使用ARIA辅助function属性aria-label (不要与aria-labeledby混淆)。 aria-label的function与alt属性相同,但对于非图像元素来说,它包含了一些优化措施,因为您可以优化屏幕阅读器。

http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects


如果你想描述一个锚点标签,通常使用rel或rev标签是适当的,但是限制到特定的值,它们不应该用于人类可读的描述。

Rel用于描述链接页面与当前页面的关系。 (例如,如果链接的页面是逻辑系列中的下一个,则它将是rel = next)

rev属性本质上是rel属性的反向关系。 Rev描述了当前页面与链接页面的关系。

你可以在这里find有效值的列表: http : //microformats.org/wiki/existing-rel-values

我用标题,它的工作!

标题属性给出链接的标题。 除了一个例外,它是纯粹的咨询。 值是文本。 样式表链接是例外,其中title属性定义了替代样式表集。

 <a class="navbar-brand" href="http://www.alberghierocastelnuovocilento.gov.it/sito/index.php" title="sito dell'Istituto Ancel Keys">AK</a>