隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，HTML5作為最新的標準，給照片的顯示和處理帶來了更大的改進。HTML5不僅可以輕松地展示照片，還提供了強大的圖片處理與編輯功能。

以下是HTML5的照片代碼示例：

<img src="yourimage.jpg" alt="Your image">

上面的代碼是HTML5中最簡單的照片代碼，它會將指定的圖片顯示到網(wǎng)頁上。其中，src屬性指定了圖片的地址，alt屬性則定義了在無法加載圖片時顯示的替代文本。如果沒有這個屬性，那么當(dāng)圖片無法加載時，用戶將看到一個空白的區(qū)域。

除了上述基本用法，HTML5還提供了更多有用的照片處理和編輯功能。以下是其中的一些示例：

<canvas id="myCanvas" width="300" height="150"></canvas>

這里我們定義了一個<canvas>元素，它是HTML5中新添加的元素，可以動態(tài)地繪制圖形和圖片。在這個例子中，我們定義了一個名稱為"myCanvas"的畫布，設(shè)置它的大小為300x150像素。

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = "yourimage.jpg";
ctx.drawImage(img, 10, 10);

上面的代碼是利用<canvas>繪制圖片的示例。首先，我們獲取了名稱為"myCanvas"的畫布，然后通過getContext()方法得到了一個用于繪圖的上下文對象。接著，我們創(chuàng)建了一個<img>元素并將其賦值給src屬性，這個圖片將會被繪制在畫布上。最后，我們調(diào)用drawImage()方法將圖片繪制到畫布上。

除了繪制，HTML5還提供了一些圖片編輯功能。例如，<input type="file">元素可以讓用戶選擇本地圖片進行上傳，<progress>元素可以用于顯示圖片上傳進度。

總的來說，HTML5為照片的展示和處理提供了更多的選擇和可能性，讓我們能夠更加靈活、高效地處理圖像，更好地展現(xiàn)美麗的照片。