html代替圖片的文本屬性alt

2012/11/17 12:12:27作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html代替圖片的文本屬性alt

由于一些原因，圖像無法正常顯示，比如網(wǎng)絡(luò)速度過慢、瀏覽器版本過低等，因此應(yīng)該為圖像設(shè)置一個(gè)替換文本，用于圖像無法顯示的時(shí)候告訴瀏覽者該圖片的內(nèi)容。

【基本語法】

【語法介紹】

(1)圖片的alt屬性用于對(duì)圖片信息進(jìn)行描述。在瀏覽器中，當(dāng)圖片無法正常顯示時(shí)，在圖片位置顯示該描述信息。當(dāng)圖片可以正常顯示時(shí)，鼠標(biāo)放在上面時(shí)才顯示該描述信息。
(2)alt屬性可以在web瀏覽器不支持圖像顯示或用戶關(guān)閉圖像下載功能時(shí)，告訴用戶該處是一幅什么樣的圖像。在該語法中，提示文字的內(nèi)容可以是中文，也可以是英文。

【實(shí)例代碼】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設(shè)置圖像的替代文字</title>
</head>
<body>
<p><img src="5.1.2.jpg" alt="點(diǎn)擊進(jìn)入" width=950 height=466 align="left">
  </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標(biāo)記是添加圖像的提示文字“點(diǎn)擊進(jìn)入”，在瀏覽器中預(yù)覽可以看到添加的提示文字“點(diǎn)擊進(jìn)人”，如圖所示。

代替圖片的文本屬性alty運(yùn)行效果