html代替圖片的文本屬性alt

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

移動端

【實例介紹】

html代替圖片的文本屬性alt

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

【基本語法】

【語法介紹】

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

【實例代碼】


<!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>設置圖像的替代文字</title>
</head>
<body>
<p><img src="5.1.2.jpg" alt="點擊進入" width=950 height=466 align="left">
  </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記是添加圖像的提示文字“點擊進入”，在瀏覽器中預覽可以看到添加的提示文字“點擊進人”，如圖所示。

代替圖片的文本屬性alty運行效果