這次帶給大家H5的語意化標籤新特性應該如何使用,使用H5的語意化標籤新特性的注意事項有哪些,以下就是實戰案例,一起來看一下。
HTML5新特性
簡潔的DOCTYPE:
HTML5 只有一個簡單的文件類型:,表示瀏覽器會依照標準模式解析。
簡單易記的編碼類型
你現在可以在meta 標籤中使用」charset」:
#腳本和連結不需要type
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
更語意化的新增標籤
比如說:
>等
>等>等
>等>等#gt;等#gt;等
#gt;等\gt;
<video width="640" height="320" preload="auto" poster="0.jpg" controls> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> Your browser does not support the video tag. </video>
color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
屬性
:required, autofocus, pattern, list, autocomplete 和placeholder
var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100,100); context.lineTo(300,300); context.lineTo(100,500); context.lineWidth = 5; context.strokeStyle = "red"; context.stroke();
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 相關閱讀:
以上是H5的語意化標籤新特性應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!