HTML5的圖片設置鏈接功能是非常實用的。在網站制作中，經常需要把圖片設置為超鏈接，讓用戶可以通過點擊圖片進行跳轉。下面介紹HTML5圖片設置鏈接的方法。

<a href="url">
<img src="image" alt="description" width="width" height="height">
</a>

如上所示的代碼，將圖片嵌入到超鏈接標簽<a>之間。其中，<a>標簽中的href屬性定義鏈接的網址；<img>標簽中的src屬性定義圖片的路徑，alt屬性定義圖片的描述，width和height屬性定義圖片的寬度和高度。

注意：在HTML5中，圖片鏈接應該盡量避免使用JavaScript或其他腳本技術。這是因為這些技術會對搜索引擎的抓取造成影響，從而導致網站的搜索引擎優化效果下降。

可以使用CSS樣式來為圖片鏈接添加特殊效果。例如：

a img {
border: 2px solid red;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

如上代碼，在CSS中使用a img選擇器，表示給所有的圖片鏈接添加相同的樣式。這里使用border屬性為圖片添加2像素紅色邊框，使用box-shadow屬性為圖片添加陰影效果。

通過HTML5圖片設置鏈接，可以為網站增加更多的互動性，讓用戶更加方便地獲取所需信息。同時，通過合理使用CSS樣式，還可以增強網站的視覺效果。