将alt标签用于锚链接是否正确?
使用alt标签作为锚点链接是否正确,类似
<a href="#" class="test" alt="Something" src="sfasfs" ></a>
这样的事情最好通过查看官方规范来回答:
-
去规范: https : //www.w3.org/TR/html5/
-
search“元素”: https : //www.w3.org/TR/html5/text-level-semantics.html#the-a-element
-
选中“内容属性”,列出
a
元素的所有允许的属性:- 全局属性
-
href
-
target
-
download
-
rel
-
hreflang
-
type
-
检查链接的“全局属性”: 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>