您可以使用花括號來控制元素屬性，就像使用它們來控制文本一樣。

我們的圖像缺少 ?src? 屬性——讓我們添加一個：

<img src={src}>

那更好。但是 Svelte 給了我們一個警告：

A11y: <img> element should have an alt attribute

在構(gòu)建 Web 應(yīng)用程序時，重要的是要確保它們可供盡可能廣泛的用戶群訪問，包括（例如）視力或運動受損的人，或者沒有強大硬件或良好互聯(lián)網(wǎng)連接的人?？稍L問性（縮寫為 a11y）并不總是很容易做到正確，但如果您編寫了不可訪問的標(biāo)記，Svelte 會通過警告來幫助您。

在這種情況下，我們?nèi)鄙?nbsp;?alt? 屬性，該屬性為使用屏幕閱讀器的人或互聯(lián)網(wǎng)連接速度慢或不穩(wěn)定而無法下載圖像的人描述圖像。讓我們添加一個：

<img src={src} alt="A man dances.">

我們可以在屬性中使用大括號。嘗試將其更改為?"{name} dances"?。 — 記得在 ?<script>? 塊中聲明一個 ?name? 變量。

屬性簡寫

名稱和值相同的屬性并不少見，例如 ?src={src}?。 Svelte 為我們提供了這些情況的便捷簡寫：

<img {src} alt="A man dances.">