HTML5 Web開發代碼
HTML5是一種語言,用于創建Web頁面。HTML5相比于更早版本的HTML,擁有更加豐富的元素和屬性,以及更好的語義化。
下面是一個HTML5頁面的基本結構:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標題</title> </head> <body> <!-- 頁面內容 --> </body> </html>
在HTML5中,最重要的元素之一是<canvas>,可用于繪制圖形、動畫和其他圖像。下面是一個簡單的畫布應用的代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>畫布應用</title> </head> <body> <canvas id="myCanvas" width="200" height="100"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "red"; ctx.fillRect(0, 0, 200, 100); </script> </body> </html>
HTML5還提供了許多新的表單元素和屬性。下面是一個包含多個表單控件的示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表單示例</title> </head> <body> <form> <label for="username">用戶名:</label> <input type="text" id="username" name="username" required><br><br> <label for="email">電子郵件:</label> <input type="email" id="email" name="email" required><br><br> <label for="password">密碼:</label> <input type="password" id="password" name="password" required minlength="6"><br><br> <label for="birthdate">出生日期:</label> <input type="date" id="birthdate" name="birthdate" required><br><br> <label for="color">喜歡的顏色:</label> <input type="color" id="color" name="color"><br><br> <label for="range">數值區間:</label> <input type="range" id="range" name="range" min="0" max="100"><br><br> <input type="submit" value="提交"> </form> </body> </html>
以上只是HTML5 Web開發中的一小部分,隨著技術的不斷發展,HTML5還將不斷更新和完善。
下一篇html5一些代碼