a链接实现alt提示

女爷i 2022-03-07 17:40 231阅读 0赞

### 0.问题 ###

html的<a>是不支持alt属性的  
[https://www.w3.org/TR/html5/textlevel-semantics.html\#the-a-element][https_www.w3.org_TR_html5_textlevel-semantics.html_the-a-element]  
支持如下全局属性

href - Address of the hyperlink
    target - Default browsing context for hyperlink navigation and §4.10.21 Form submission
    download - Whether to download the resource instead of navigating to it, and its file name if so
    rel — Relationship of this document (or subsection/topic) to the destination resource
    rev — Reverse link relationship of the destination resource to this document (or subsection/topic)
    hreflang - Language of the linked resource
    type - Hint for the type of the referenced resource
    referrerpolicy - Referrer policy for fetches initiated by the element
    Allowed ARIA role attribute values:
    link (default - do not set), button, checkbox, radio, switch, tab or treeitem
    Allowed ARIA state and property attributes:
    Global aria-* attributes
    Any aria-* attributes applicable to the allowed roles.

<a alt="text">sometiong</a>

alt只支持img等几个少量元素

### 1. 解决办法 ###

使用title属性

<a title="text">sometiong</a>

参考：[https://stackoverflow.com/questions/11022843/add-hover-text-without-javascript-like-we-hover-on-a-users-reputation][https_stackoverflow.com_questions_11022843_add-hover-text-without-javascript-like-we-hover-on-a-users-reputation]

[https_www.w3.org_TR_html5_textlevel-semantics.html_the-a-element]: https://www.w3.org/TR/html5/textlevel-semantics.html#the-a-element
[https_stackoverflow.com_questions_11022843_add-hover-text-without-javascript-like-we-hover-on-a-users-reputation]: https://stackoverflow.com/questions/11022843/add-hover-text-without-javascript-like-we-hover-on-a-users-reputation