HTML Alt Attribute - W3Schools
Có thể bạn quan tâm
Definition and Usage
The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
Note: The alt attribute is required for the <img> element.
Note: For <input> elements, the alt attribute can only be used with <input type="image">.
Tip: To create a tooltip for an image, use the title attribute!
Applies to
The alt attribute can be used on the following elements:
Elements | Attribute |
---|---|
<area> | alt |
<img> | alt |
<input> | alt |
Examples
Area Example
An image map, with clickable areas:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map> Try it Yourself »Img Example
An image with an alternate text specified:
<img src="smiley.gif" alt="Smiley face"> Try it Yourself »Input Example
An HTML form with an image that represents the submit button:
<form action="/action_page.php"> First name: <input type="text" name="fname"><br> <input type="image" src="submit.gif" alt="Submit" width="48" height="48"> </form> Try it Yourself »Browser Support
The alt attribute has the following browser support for each element:
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |
Từ khóa » Html Button Alt Text
-
HTML Input Alt Attribute - W3Schools
-
Can The Alt Attribute Be Used For An Input Type Button - Stack Overflow
-
Image Buttons Must Have Alternate Text Axe Rules - Deque University
-
H36: Using Alt Attributes On Images Used As Submit Buttons - W3C
-
Image ALT Tag Tips For HTML - Accessibility At Penn State
-
HTML Input Alt Attribute - Dofactory
-
Alt Text: Why It's Important For Accessibility & SEO - Moz
-
HTML Tag With The 'alt' Attribute
-
A Guide: The Right Way To Write Alt Text - Clique Studios
-
Alternative Text: Web Content - Accessibility - Indiana University
-
t - Web APIs | MDN
-
- HTML: HyperText Markup Language | MDN"> - HTML: HyperText Markup Language | MDN
-
Alternative Text - IT Accessibility - NC State University
-
HTML Img Alt Tags For SEO Best Practice - Search Engines Love ...