html 5 和html 4區別

2021-04-10 分類：網站建設

html 5 和html 4區別在哪里。

雖然html5沒有完全顛覆html4，但是它們也有一些不同。最新最全的html5-html4對比信息請看，貌似略多的樣子。在這個ie還仍然存在的世界里，html5的差別先掌握一些即可，等全部支持后再細細研究也不遲。

1. 簡化的語法
html5簡化了很多細微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。html 5 指定 utf-8 編碼的方式如下<meta charset="utf-8">
2. 全新的表單
html5對 <form> 和 <forminput> 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性，
3. 刪除 <b> 和 <font> 標簽，<frame>, <center>, <big> 標簽
4. <canvas>標簽替代flash
flash給很多web開發者帶來了麻煩，要在網頁上播放flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生ui交互。
5 新增許多標簽
html5設計的一個原則是更好的體現網站的語義性，所以增加了<header>和<footer>這樣的標簽，用來明確表示網頁的結構；新增 <section> 和 <article> 標簽，<section>和<article>也有利于清晰化網頁的結構，更有利于制作；新增 <menu> 和 <figure> 標簽，<menu>可以被用于創建傳統的菜單，也可以用于工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業；新增 <audio> 和 <video> 標簽，這兩個標簽可能是html5里面最有用的兩個標簽了，使用起來時也異乎方便，如在html5頁面中嵌入視頻只需一小段
復制代碼代碼如下:
<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
your browser does'nt support video embedding feature.
</video>
同理，音頻等其他的也類似。

6.html5 支持了不同類型的存儲類型
html5 支持本地存儲，在之前版本中是通過 cookie 實現的。html5 本地存儲速度快而且安全。并且html5有兩種不同的對象可用來存儲數據，html5通過js來存儲和訪問數據：
localstorage 適用于長期存儲數據，瀏覽器關閉后數據不丟失
sessionstorage 只是針對一個session的數據存儲，存儲的數據在瀏覽器關閉后自動刪除
總的來說，html5已經超越了標記語言的范疇，更富語義的標簽將使得html5更有用處。canvas+webgl等技術，實現無插件的動畫以及圖像、圖形處理能力；本地存儲，可實現offline應用；websocket，一改http的純pull模型，實現數據推送的夢想；mathml，svg等，支持更加豐富的render等等等等，現在對于對html5的了解還只停留在表面階段，以后會多閱讀一部分html5的書籍增加一下見識

分享文章：html 5 和html 4區別
分享路徑：http://m.2m8n56k.cn/news39/106789.html

成都網站建設公司_創新互聯，為您提供用戶體驗、企業網站制作、網站建設、服務器托管、建站公司、關鍵詞優化

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

html 5 和html 4區別