HTML5是Web開發領域中的一個重要標準，被廣泛應用于構建現代、適應性強的網頁。在HTML5中，SVG是一種強大的圖像格式，可以讓開發者輕松地創建矢量圖形，進行動畫效果的設計。下面我們來看看SVG動畫的代碼。

SVG動畫的基礎是XML代碼，需要使用SVG標簽進行嵌套。例如，以下是一個簡單的SVG動畫代碼示例:

<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" fill="red">
<animate attributeName="width" from="80" to="10" dur="1s" repeatCount="indefinite" />
<animate attributeName="height" from="80" to="10" dur="1s" repeatCount="indefinite" />
</rect>
 </svg>

這段代碼使用SVG標簽嵌套了一個矩形。接下來，我們使用<animate>標簽進行動畫的效果設置。這里，attributeName屬性用來設置動畫效果的屬性，from和to用來設置屬性的起始和結束狀態，dur用來設置動畫效果的持續時間，repeatCount用來設置動畫效果的重復次數。

除了對單個元素進行動畫效果的設置，我們還可以將多個元素進行組合，創建出更加復雜的SVG動畫效果。例如，以下是一個簡單的SVG動畫代碼示例:

<svg width="100" height="100">
<circle cx="50" cy="50" r="20" fill="red">
<animate attributeName="r" from="20" to="10" dur="1s" repeatCount="indefinite" />
</circle>
<circle cx="30" cy="30" r="10" fill="green">
<animate attributeName="r" from="10" to="20" dur="1s" repeatCount="indefinite" />
</circle>
<circle cx="70" cy="30" r="10" fill="blue">
<animate attributeName="r" from="10" to="20" dur="1s" repeatCount="indefinite" />
</circle>
 </svg>

這段代碼使用SVG標簽嵌套了三個圓形元素，每個元素都使用<animate>標簽設置不同的動畫效果。通過組合這些元素，我們可以創造出一個隨時間而變化的顏色和大小的SVG動畫。

總之，SVG動畫是HTML5標準的一個基礎組成部分，可以用于創建豐富多彩的用戶界面和交互效果。通過熟練掌握這些XML代碼，開發者可以輕松地打造出豐富的動畫效果，讓網頁變得更加動態和吸引人。