HTML5比HMTL4 好在哪裏！！！！

時間 2019-12-13

標籤 html5 html hmtl4 hmtl 好在哪裏欄目 HTML5 简体版

原文原文鏈接

作了一年多前端。被面試的時候，我發現我說的都太籠統，面試者一深究，我回答的都不太好。結果可想而知，日常光看一些別的資料，我發現這些最基礎的知識都沒有記牢。惡補！！！！！！！html

1. 簡化的語法
HTML5簡化了不少細微的語法，例如doctype的聲明，你只須要寫<!doctype html>就好了。HTML 5 指定 UTF-8 編碼的方式以下<meta charset="UTF-8">前端

2. <canvas>標籤替代Flash
Flash給不少Web開發者帶來了麻煩，要在網頁上播放Flash須要一堆代碼和插件。<canvas>標籤使得開發者只要使用一個標籤就能和用戶產生UI交互。html5

3 新增許多標籤
HTML5設計的一個原則是更好的體現網站的語義性，因此增長了<header>和<footer>這樣的標籤，用來明確表示網頁的結構；新增 <section> 和 <article> 標籤，<section>和<article>也有利於清晰化網頁的結構，更有利於SEO；新增 <menu> 和 <figure> 標籤，<menu>能夠被用於建立傳統的菜單，也能夠用於工具欄和上下文菜單。<figure>標籤使得網頁文字和圖片的排版更專業；新增 <audio> 和 <video> 標籤，這兩個標籤多是HTML5裏面最有用的兩個標籤了，使用起來時也異乎方便，如在HTML5頁面中嵌入視頻只需一小段面試

1 <video width="450" height="340" controls> 
2 <source src="jamshed.mp4" type="video/mp4"> 
3 薩拉黑油
4 </video>

4. 全新的表單
HTML5對 <form> 和 <forminput> 標籤進行了大量修改，添加了不少新的屬性，也修改了不少屬性，詳細http://www.jb51.net/w3school/html5/html_5_form_attributes.htmcanvas

5. 刪除 <b> 和 <font> 標籤，<frame>, <center>, <big> 標籤瀏覽器

6.HTML5 支持了不一樣類型的存儲類型安全

HTML5 支持本地存儲，在以前版本中是經過 Cookie 實現的。HTML5 本地存儲速度快並且安全。而且HTML5有兩種不一樣的對象可用來存儲數據，HTML5經過JS來存儲和訪問數據：session

localStorage 適用於長期存儲數據，瀏覽器關閉後數據不丟失
sessionStorage 只是針對一個session的數據存儲，存儲的數據在瀏覽器關閉後自動刪除ide

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。