首頁 > web前端 > 前端問答 > html5和4有什麼差別

html5和4有什麼差別

青灯夜游
發布: 2022-01-17 15:16:17
原創
4750 人瀏覽過

區別:1、html5對語法進行了簡化,例如文件類型聲明只需要寫成“”即可;2、HTML5的文檔解析不再基於SGML;3、html5新增加了語意標籤,廢除了一些網頁美化方面的標籤,使樣式與結構分離更加徹底等等。

html5和4有什麼差別

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML5自從2010年正式推出後,它以驚人速度發展,現在主流瀏覽器基本上都支援了HTML5(除了個別的特性在瀏覽器相容有問題),這說明HTML5越來越受到歡迎。可以預測不久的將來HTML5會成為web前端的主流技術。 HTML5特效更能適應行動網路時代,可以更好地支援多媒體在行動裝置上運作。

HTML5和HTML4究竟有哪些不同?

1、語法簡化

html5的推出對語法進行了簡化,例如頭部的doctype,我們只要寫&lt ;!doctype html>就可以了。

而html4需要寫成:

html5和4有什麼差別

#2、標準面

HTML5的文件解析不再是基於SGML (Standard Generalized Markup Language)標準,而是形成了自己的一套標準。

3、標籤方面

新增語意標籤,其中包括

廢除一些網頁美化方面的標籤,使樣式與結構分離更加徹底, 包括

#透過增加了

#透過增加了

以前,在網頁中播放多媒體時,需要使用ActiveX或Plug-in的方式來完成。有了HTML5之後,使用

4、屬性方面

增加了一些表單屬性, 主要是其中的input屬性的增強

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<strong><!-- 此类型要求输入格式正确的email地址 -->

<input type=email >

<!-- 要求输入格式正确的URL地址  -->

<input type=url >

<!-- 要求输入格式数字,默认会有上下两个按钮 -->

<input type=number >

<!-- 时间系列,但目前只有 Opera和Chrome支持 -->

<input type=date >

<input type=time >

<input type=datetime >

<input type=datetime-local >

<input type=month >

<input type=week >

<!-- 默认占位文字 -->

<input type=text placeholder="your message" >

<!-- 默认聚焦属性 -->

<input type=text autofacus="true" >

其他标签新增了一些属性,

<!-- meta标签增加charset属性 -->

<meta charset="utf-8">

<!-- script标签增加async属性 -->

<script async></script>

使部分属性名默认具有boolean属性

<!-- 只写属性名默认为true -->

<input type="checkbox"  checked/>

<!-- 属性名="属性名"也为true -->

<input type="checkbox"  checked="checked"/></strong>

登入後複製

5、儲存方面

新增WebStorage, 包含localStorage和sessionStorage

引入了IndexedDB和Web SQL,允許在瀏覽器端建立資料庫表並儲存資料, 兩者的區別在於IndexedDB更像是一個NoSQL資料庫,而WebSQL更像是關係型資料庫。 W3C已經不再支援WebSQL。

引入了應用程式快取器(application cache),可對web進行緩存,在沒有網路的情況下使用,透過建立cache manifest檔,建立應用程式緩存,為PWA(Progressive Web App)提供了底層的技術支援。 相關推薦:《

html影片教學###》###

以上是html5和4有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板