HTML <img> alt shu xing

Dìng yì hé yòng fa

alt Shu xing shì yī gè xū yào de shu xing, tā guān dìng zài tu xiàng wú fǎ xiàn shì shí de dài tì wén xíng。

Shuǐ xiàn yuán yú xià lì yuán yīn, yǔn hù zhě wú fǎ kàn chá tu xiàng, alt shu xing kě yǐ wèi tu xiàng gōng xīng dài tì de xìng xi:

  • Wǎng suǒ tài màn
  • src shu xing zhōng de cuò wù
  • Bái xiào jìn yòng tu xiàng
  • Yǔn hù zhě shǐ yòng de shì píng mu yīng duì shí yìng qì

<img> biāo jiàn de alt shu xing zhí dìng le dài tì wén xíng, yòng yú zài tu xiàng wú fǎ xiàn shì huò yǔn hù zhě jìn yòng tu xiàng xiàn shì shí, dài tì tu xiàng xiàn shì zài bái xiào zhōng de néng néng.

Wǒ men qiáng liàng jiàn tui nǐ zài wén dān de měi gè tu xiàng zhōng shǐ yòng zhè ge shu xing. Zhè yàng dāng rú tu xiàng wú fǎ xiàn shì shí, yǔn hù zhě hái néng kàn dào guān yú shī shī le shén me yī xiàn de yī xiàn xìng jiào. Èr qiě duì chán jí rén lái shuō, alt shu xing tōng cháng shì tā men liào jie tú xiàng néng néng de wéi yī shì fǎ.

Tí shì:Rú xué wèi tu xiàng chuang jian gōng jiào, qǐng shǐ yòng title shu xing

Tí shì hé zhù shì

Zhù shì:alt Shu xing de zhí jié shì yī gè zuì duàn néng kān róng 1024 gè zì fú de zì chuán, zhōng yú bāo hán kōng gé hé biāo jiàn. Zhè ge zì chuán bì xū bāo róng zài yīn hào zhōng. Zhè piàn alt wén xíng zhōng kě yǐ bāo róng duì tè bié zì fú de shí tǐ yǐn yòng, dàn bù yǐn néng bāo róng qí tā lèi bì de biāo jiàn, yì zhì bù yǐn néng yǒu zhe yī gè shī yè biāo jiàn.

Zhù shì:Dāng yǔn hù zhe bǎ máo shū yíng diào dào img yuán suàn shàng shí, Internet Explorer huì xian chū alt shu xing de zhí jié. Zhè zhǒng xíng wei bù zhèng què. Suí bái qí tā de bái xiào jìng dāng shì xiàng guān zhào guān zhèng, zhǐ dāng wéi tu xiàng wú fǎ xian shì shí, cāi huì xiàn chū dài tì wén xíng.

Tí shì:Rú guo xū yao wèi tu xiàng chuang jian gōng jiào, qǐng shǐ yòng title shu xing

Shi li

Li bian 1

<img src="/i/eg_tulip.jpg" alt="Shanghai Huaian Gang - Yu Jin Xiang" />

آزمایش کنید

Har ma'an garga bai zai yu jia xian zai bai, bai lüo zai xian shang hui xian dai ti wén, dāng rang zhe yàng:

Shanghai Huakuaogang - Yujinxiang

علاوه بر این، زمانی که کاربر موس را بر روی تصویر بالا حرکت می‌دهد، مرورگرهای جدیدترین در یک پنجره متنی متن توصیفی نمایش می‌دهند. کد زیر متن توصیفی را در ویژگی alt برای تصویر اضافه می‌کند:

می‌توانید موس را بر روی تصویر زیر حرکت دهید و تأثیر آن را ببینید:

Shanghai Huakuaogang - Yujinxiang

متن دایره قرمز زمانی که کاربر موس را بر روی تصویر حرکت می‌دهد، در مرورگر IE7 نمایش داده می‌شود:

Shanghai Huakuaogang - Yujinxiang

مثال 2

تصویری که جایگزین متن مشخص شده است:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

آزمایش کنید

رابط‌کد

<img alt="متن">

مقدار ویژگی

مقدار توضیح
متن

تعیین متن جایگزین تصویر.

اصل‌های استفاده از alt متن:

  • اگر تصویر شامل اطلاعات است - از alt برای توضیح تصویر استفاده کنید
  • اگر تصویر در عنصر a است - از alt برای توضیح هدف لینک استفاده کنید
  • اگر تصویر فقط برای تزئین است - از alt="" استفاده کنید

پشتیبانی از مرورگر

کروم بریدج افراط سفاری اپرا
کروم بریدج افراط سفاری اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی