W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
您可以使用花括號(hào)來控制元素屬性,就像使用它們來控制文本一樣。
我們的圖像缺少 ?src
? 屬性——讓我們添加一個(gè):
<img src={src}>
那更好。但是 Svelte 給了我們一個(gè)警告:
A11y: <img> element should have an alt attribute
在構(gòu)建 Web 應(yīng)用程序時(shí),重要的是要確保它們可供盡可能廣泛的用戶群訪問,包括(例如)視力或運(yùn)動(dòng)受損的人,或者沒有強(qiáng)大硬件或良好互聯(lián)網(wǎng)連接的人??稍L問性(縮寫為 a11y)并不總是很容易做到正確,但如果您編寫了不可訪問的標(biāo)記,Svelte 會(huì)通過警告來幫助您。
在這種情況下,我們?nèi)鄙?nbsp;?alt
? 屬性,該屬性為使用屏幕閱讀器的人或互聯(lián)網(wǎng)連接速度慢或不穩(wěn)定而無法下載圖像的人描述圖像。讓我們添加一個(gè):
<img src={src} alt="A man dances.">
我們可以在屬性中使用大括號(hào)。嘗試將其更改為?"{name} dances"
?。 — 記得在 ?<script>
? 塊中聲明一個(gè) ?name
? 變量。
名稱和值相同的屬性并不少見,例如 ?src={src}
?。 Svelte 為我們提供了這些情況的便捷簡寫:
<img {src} alt="A man dances.">
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: