小編給大家分享一下H5中語(yǔ)義化標(biāo)簽新特性的用法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

HTML5新特性
簡(jiǎn)潔的DOCTYPE:
HTML5 只有一個(gè)簡(jiǎn)單的文檔類型:<!DOCTYPE html>,表示瀏覽器會(huì)按照標(biāo)準(zhǔn)模式解析。
簡(jiǎn)單易記的編碼類型
你現(xiàn)在可以在meta 標(biāo)簽中使用”charset”:<meta charset=”utf-8″ />
腳本和鏈接無(wú)需type
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
更加語(yǔ)義化的新增標(biāo)簽
比如說(shuō):<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等
<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>表單增強(qiáng)
新的input類型:
color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
新屬性:
required, autofocus, pattern, list, autocomplete 和placeholder
新元素:<keygen>, <datalist>, <output>, <meter> 和<progress>
canvas標(biāo)簽繪制2D圖形。
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();看完了這篇文章,相信你對(duì)H5中語(yǔ)義化標(biāo)簽新特性的用法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝各位的閱讀!
分享文章:H5中語(yǔ)義化標(biāo)簽新特性的用法-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載:http://chinadenli.net/article20/cohsjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、企業(yè)網(wǎng)站制作、微信小程序、定制網(wǎng)站、外貿(mào)建站、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容