HTML
alt 属性
నిర్వచనం మరియు వినియోగం
alt
గుణం అనేది అత్యంత అవసరమైన గుణం, చిత్రం చూపించలేకపోతే ప్రత్యామ్నాయ పాఠాన్ని నిర్వచిస్తుంది.
వినియోగదారుడు క్రింది కారణాలకు చిత్రాన్ని చూడలేకపోతే, alt గుణం చిత్రానికి ప్రత్యామ్నాయ సమాచారాన్ని అందిస్తుంది:
- ఇంటర్నెట్ వేగం తక్కువ
- src గుణంలో లోపం
- బ్రౌజర్ చిత్రాలను నిష్క్రమించింది
- వినియోగదారుడు స్క్రీన్ రీడర్ ఉపయోగిస్తుంది
<img> టాగ్ అనునాటి గుణం చిత్రం చూపించలేకపోతే లేదా వినియోగదారుడు చిత్రాన్ని చూపించడానికి నిష్క్రమించినప్పుడు, బ్రౌజర్ లో చిత్రం స్థానంలో చూపించే ప్రత్యామ్నాయ పాఠాన్ని నిర్వచిస్తుంది.
మేము పత్రంలోని ప్రతి చిత్రానికి ఈ గుణాన్ని ఉపయోగించడానికి గట్టిగా సిఫార్సు చేస్తున్నాము. ఇది చిత్రం చూపించలేకపోతే కూడా, వినియోగదారుడు కోల్పోయిన విషయం గురించి కొన్ని సమాచారాలను చూడగలుగుతాడు. మరియు దివ్యాంగాలకు, alt గుణం అత్యంత సాధారణంగా చిత్ర సమాచారాన్ని తెలుసుకోవడానికి వినియోగించబడుతుంది.
అనుష్ఠానం:చిత్రానికి టూల్టిప్ సృష్టించడానికి ఉపయోగించండి: title అనునాటి గుణం!
టూల్టిప్ మరియు ప్రకటనలు
ప్రకటన:alt
గుణం విలువ అనేది కనీసం 1024 అక్షరాలను కలిగి ఉండవచ్చు కాని స్ట్రింగ్, అందులో శుభ్రాకృతి మరియు పద్ధతి ఉంటాయి. ఈ స్ట్రింగ్ గుర్తుల లోపల ఉండాలి. ఈ alt పాఠంలో ప్రత్యేక అక్షరాలకు ఎంటిటీ వాడవచ్చు, కానీ ఇతర వర్గాల టాగ్లను కలిగి ఉండకూడదు, ప్రత్యేకంగా స్టైల్ టాగ్లను కలిగి ఉండకూడదు.
ప్రకటన:వినియోగదారుడు మౌస్ ను img మెలకువపైకి కరస్తే, ఇంటర్నెట్ ఎక్స్ప్లోరర్ అల్ట్ అనునాటి విలువను చూపిస్తుంది. ఈ ప్రవర్తన సరైనది కాదు. ఇతర బ్రౌజర్లు ప్రామాణికానికి చేరుకుంటున్నాయి, చిత్రం చూపించలేకపోతే మాత్రమే ప్రత్యామ్నాయ పాఠాన్ని చూపిస్తాయి.
అనుష్ఠానం:చిత్రానికి టూల్టిప్ సృష్టించడానికి ఉపయోగించండి: title అనునాటి గుణం。
ఉదాహరణ
ఉదాహరణ 1
<img src="/i/eg_tulip.jpg" alt="శాంఘై పుష్పాలు పోర్ట్ - ట్యూలిప్" />
ఎల్లప్పుడు చిత్రం చూపించలేకపోతే, బ్రౌజర్ ప్రత్యామ్నాయ పాఠం చూపిస్తుంది, ఇలా ఉంటుంది:

此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述性文本。下面的代码在 alt 属性中为图像添加了描述性文本:
您可以把鼠标移动到下面的照片上,看看相应的效果:

红圈中的文本框是用户把鼠标移动到图像上时,IE7 浏览器所显示的效果:

例子 2
指定了替代文本的图像:
语法
属性值
值 | 描述 |
---|---|
text |
规定图像的替代文本。 alt 文本的使用原则:
|
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |