App下載

HTML中照片怎么命名?圖片命名屬性介紹!

猿友 2021-05-18 14:53:16 瀏覽數(shù) (6254)
反饋

在網(wǎng)頁(yè)開(kāi)發(fā)中引入照片是必不可少的一個(gè)環(huán)節(jié),引入適當(dāng)?shù)暮线m可以突出主題,增強(qiáng)用戶體驗(yàn)性。那么有同學(xué)有疑問(wèn)了,我們?cè)撊绾谓o引入的照片命名呢?那么這篇文章 w3cschool 小編來(lái)教你 HTML 中照片怎么命名。

我們都知道?<img>?標(biāo)簽是用來(lái)引入照片的,在<img>標(biāo)簽中,有一個(gè)屬性為?alt?,alt 的值就是用來(lái)代替圖像的文本,也就是當(dāng)圖片不能顯示時(shí)會(huì)出現(xiàn)的文字。比如我們沒(méi)有填入正確的圖片地址或路徑,顯示出來(lái)的描述文字。如下:

alt屬性圖片命名

除了 alt 外,?name、id? 屬性也可以給圖片命名,不過(guò)該命名不會(huì)有任何顯示。如果想對(duì)圖片有個(gè)描述,可以使用?title?屬性。

上述示例的源碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>圖片命名 - 編程獅(w3cschool.cn)</title>
</head>
<body>
	<img src="" alt="沒(méi)有填入圖片地址,所以只能顯現(xiàn)文字">
</body>
</html>

以上就是文章“HTML 中照片怎么命名?圖片命名屬性介紹!”如果想要了解更多 HTML 資料,請(qǐng)前往w3cschool


0 人點(diǎn)贊