標籤:編寫 網頁 規範 document 沒有 區分 asc text auto
痛點:以前HTML控制項功能單一,必須書寫大量JS代碼才能完成一些特定組件(比如簡單的日曆選擇框);還有各瀏覽器廠商對HTML/CSS/JS的支援有差異,前段開發很耗時。HTML5的到來可以讓前端開發更輕鬆。
HTML5致力於解決跨瀏覽器問題,可以部分取代JS;HTML5致力於把瀏覽器變成一個前端執行環境,而不是簡單的視圖呈現工具。
HTML混亂,不規範。XHTML將HTML和XML的長處結合。無論HTML4.01還是XHTML,都有DTD作為語義約束。但是很少有HTML頁面完全遵守HTML4.01或XHTML規範。所以WHATWG制定了一個新的HTML標準,HTML5。
出於“存在即是合理”的考慮,HTML5是一種妥協式的規範:既然網頁製作者不打算改進,HTML5乾脆承認它們符合規範。HTML5甚至不再提供DTD。2008年,WHATWG的努力被W3C認可,制定了HTML5草案。雖然W3C依然沒有正式發布HTML5規範,但市場已經承認HTML5。
HTML5增加了很多實用的新功能,吸引開發人員投入HTML5懷抱。
-解決跨瀏覽器:以前前端開發先要判斷對方瀏覽器,根據瀏覽器編寫不同的頁面代碼;HTML5改變了這種局面,HTML5要求各瀏覽器支援其制訂的通用標準。
-部分替代了原來的JavaScript:比如以前開啟頁面後立即讓某個文字框獲得輸入焦點只能通過JS實現:document.getElementById("price").focus();有了HTML5就可以<input type="text" autofocus name=price/>。還有一些輸入校正的屬性現在都可以用HTML5屬性來完成。
-更明確的語義支援:比如以前都是用<div>,而HTML5中用<aside><article>
-增強了Web應用程式的功能:HTML5增加了不少新API,使應用開發更輕鬆。
HTML5的基本結構和文法變化
基本結構:<!DOCTYPE html>,不用嚴格意義上的DTD
文法改變:
標籤不區分大小寫
元素可以省略結束標籤
元素屬性可以省略屬性值
屬性的屬性值可以不用引號
HTML5(一)