HTML5是一種最新的網頁標準,它帶來了許多新的元素和屬性,可以大大增強網頁的功能和性能,同時也讓開發者有了更多的創意和自由。
<!-- 使用HTML5新增的header標簽 --> <header> <!-- 使用HTML5新增的nav標簽 --> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">產品</a></li> <li><a href="#">服務</a></li> <li><a href="#">關于我們</a></li> </ul> </nav> </header>
上面的代碼展示了如何使用HTML5的
<!-- 使用HTML5新增的canvas標簽 --> <canvas id="myCanvas" width="500" height="300"></canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 150, 75); </script>
這段代碼演示了如何使用HTML5的
<!-- 使用HTML5新增的video標簽 --> <video controls width="320" height="240"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>
這段代碼展示了如何使用HTML5的
<!-- 使用HTML5新增的form和input標簽 --> <form action="/submit" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="email">郵箱:</label> <input type="email" id="email" name="email"><br> <input type="submit" value="提交"> </form>
最后,這段代碼展示了如何使用HTML5的