https://www.runoob.com/html/html5-intro.html
HTML5是HTML最新的修訂版本,2014年10月由萬維網(wǎng)聯(lián)盟(W3C)完成標(biāo)準(zhǔn)制定。
HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。
HTML5 中的一些有趣的新特性:
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對(duì)本地離線存儲(chǔ)的更好的支持
新的特殊內(nèi)容元素,比如 article、footer、header、nav、section
新的表單控件,比如 calendar、date、time、email、url、search
<!DOCTYPE html> //聲明必須位于 HTML5 文檔中的第一行
<html>
<head>
<meta charset="utf-8"> //防止亂碼
<title>文檔標(biāo)題</title>
</head>
<body>
文檔內(nèi)容......
</body>
</html>
HTML5 的改進(jìn)
新元素
新屬性
完全支持 CSS3,https://www.runoob.com/css3/css3-tutorial.html
Video 和 Audio 視頻(video)與音頻 (audio) 。
2D/3D 制圖,使用canvas、內(nèi)聯(lián) SVG、CSS3 2D 轉(zhuǎn)換、CSS3 3D 轉(zhuǎn)換。
本地存儲(chǔ)
本地 SQL 數(shù)據(jù)
Web 應(yīng)用
緩存引用
Javascript 工作者
XHTMLHttpRequest 2
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
你的瀏覽器不支持 video 標(biāo)簽。
</video>
HTML 參考手冊(cè)- (HTML5 標(biāo)準(zhǔn)) https://www.runoob.com/tags/html-reference.html
瀏覽器兼容性問題 https://www.runoob.com/html/html5-browsers.html文章來源:http://www.zghlxwxcb.cn/news/detail-506981.html
HTML5 定了 8 個(gè)新的 HTML 語義(semantic) 元素。所有這些元素都是 塊級(jí) 元素。
為了能讓舊版本的瀏覽器正確顯示這些元素,你可以設(shè)置 CSS 的 display 屬性值為 block:
header, section, footer, aside, nav, main, article, figure {
display: block;
}
HTML5支持添加新的元素。舊版本不支持,用以下代碼兼容文章來源地址http://www.zghlxwxcb.cn/news/detail-506981.html
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
<!-- [if lt IE 9] >
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<! [endif] -- >
</head>
到了這里,關(guān)于html學(xué)習(xí)筆記12-HTML5、瀏覽器兼容性問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!