溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html5和html4的區(qū)別有什么

發(fā)布時間：2022-01-17 16:16:07 來源：億速云 閱讀：146 作者：柒染 欄目：web開發(fā)

這篇文章的內(nèi)容主要圍繞html5和html4的區(qū)別有什么進(jìn)行講述，文章內(nèi)容清晰易懂，條理清晰，非常適合新手學(xué)習(xí)，值得大家去閱讀。感興趣的朋友可以跟隨小編一起閱讀吧。希望大家通過這篇文章有所收獲！

區(qū)別：1、html5對語法進(jìn)行了簡化，例如文件類型聲明只需要寫成“<!doctype html>”即可；2、HTML5的文檔解析不再基于SGML；3、html5新增了語義標(biāo)簽，廢除了一些網(wǎng)頁美化方面的標(biāo)簽，使樣式與結(jié)構(gòu)分離更加徹底等等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML5自從2010年正式推出后，它以驚人速度發(fā)展，現(xiàn)在主流瀏覽器基本上都支持了HTML5（除了個別的特性在瀏覽器兼容有問題），這說明HTML5越來越受到歡迎?？梢灶A(yù)測不久的將來HTML5會成為web前端的主流技術(shù)。HTML5特效更好適應(yīng)移動互聯(lián)網(wǎng)時代，可以更好支持多媒體在移動設(shè)備上運行。

HTML5和HTML4究竟有哪些區(qū)別？

1、語法簡化

html5的推出對語法進(jìn)行了簡化，例如頭部的doctype，我們只要寫<!doctype html>就可以了。

而html4需要寫成：

html5和html4的區(qū)別有什么

2、標(biāo)準(zhǔn)方面

HTML5的文檔解析不再基于SGML(Standard Generalized Markup Language)標(biāo)準(zhǔn)，而是形成了自己的一套標(biāo)準(zhǔn)。

3、標(biāo)簽方面

新增語義標(biāo)簽，其中包括

<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>

廢除一些網(wǎng)頁美化方面的標(biāo)簽，使樣式與結(jié)構(gòu)分離更加徹底, 包括

<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>

通過增加了<audio>、<video>兩個標(biāo)簽來實現(xiàn)對多媒體中的音頻、視頻使用的支持。

以前，在網(wǎng)頁中播放多媒體時，需要使用ActiveX或Plug-in的方式來完成。有了HTML5之后，使用<video>或<audio>標(biāo)簽播放視頻和音頻，不需要在安裝其他的什么來播放了。

4、屬性方面

增加了一些表單屬性, 主要是其中的input屬性的增強(qiáng)

<!-- 此類型要求輸入格式正確的email地址 -->
<input type=email >
<!-- 要求輸入格式正確的URL地址  -->
<input type=url >
<!-- 要求輸入格式數(shù)字，默認(rèn)會有上下兩個按鈕 -->
<input type=number >
<!-- 時間系列，但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默認(rèn)占位文字 -->
<input type=text placeholder="your message" >
<!-- 默認(rèn)聚焦屬性 -->
<input type=text autofacus="true" >
其他標(biāo)簽新增了一些屬性,
<!-- meta標(biāo)簽增加charset屬性 -->
<meta charset="utf-8">
<!-- script標(biāo)簽增加async屬性 -->
<script async></script>
使部分屬性名默認(rèn)具有boolean屬性
<!-- 只寫屬性名默認(rèn)為true -->
<input type="checkbox"  checked/>
<!-- 屬性名="屬性名"也為true -->
<input type="checkbox"  checked="checked"/>

5、存儲方面

新增WebStorage, 包括localStorage和sessionStorage

引入了IndexedDB和Web SQL，允許在瀏覽器端創(chuàng)建數(shù)據(jù)庫表并存儲數(shù)據(jù), 兩者的區(qū)別在于IndexedDB更像是一個NoSQL數(shù)據(jù)庫，而WebSQL更像是關(guān)系型數(shù)據(jù)庫。W3C已經(jīng)不再支持WebSQL。

引入了應(yīng)用程序緩存器(application cache)，可對web進(jìn)行緩存，在沒有網(wǎng)絡(luò)的情況下使用，通過創(chuàng)建cache manifest文件,創(chuàng)建應(yīng)用緩存，為PWA(Progressive Web App)提供了底層的技術(shù)支持。

感謝你的閱讀，相信你對“html5和html4的區(qū)別有什么”這一問題有一定的了解，快去動手實踐吧，如果想了解更多相關(guān)知識點，可以關(guān)注億速云網(wǎng)站！小編會繼續(xù)為大家?guī)砀玫奈恼拢?/p>

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手