HTML5的圖片設置提供了更多的功能和選項，讓開發者可以更輕松地在網頁上展示各種類型的圖片。以下是幾種HTML5圖片設置的示例：

<img src="example.jpg" alt="Example Image">

這是HTML5最基本的圖片設置語法。src屬性指定了圖片的URL，alt屬性提供了當圖片無法加載時的替代文本。

<img src="example.jpg" alt="Example Image" width="500" height="300">

使用width和height屬性可以指定圖片的寬度和高度。這個方法可以避免當圖片被加載時出現頁面抖動的情況，但是需要注意的是這些屬性會改變圖片的寬高比例。

<picture>
<source media="(min-width: 1200px)" srcset="large.jpg">
<source media="(min-width: 768px)" srcset="medium.jpg">
<img src="small.jpg" alt="Example Image">
</picture>

<picture>元素可以讓開發者根據不同的設備或分辨率，提供不同的圖片選擇。<source>元素指定了圖片在某個條件下應該使用哪個URL。

<img src="example.jpg" alt="Example Image" loading="lazy">

loading屬性指定了圖片應該如何加載。默認的選項是auto，表示圖片會在頁面加載時就開始下載。使用lazy可以讓瀏覽器等到用戶滾動到圖片附近時才開始下載。

<img src="example.jpg" alt="Example Image" tabindex="0">

給圖片添加tabindex屬性可以讓用戶通過鍵盤訪問并操作圖片。這個屬性的數值表示了該元素在Tab鍵順序中的位置。