更新時間:2023年07月03日16時25分 來源:傳智教育 瀏覽次數(shù):
HTML5從根本上改變了Web應用的方式,無論是PC端還是移動端,都可以看到HTML5的身影。作為網(wǎng)頁設計人員,也應該順應時代潮流,掌握HTML5的相關技術。本節(jié)將從HTML到HTML5的演變、HTML5的優(yōu)勢以及瀏覽器對HTML5的兼容情況三個方面,對HTML5進行簡單介紹。
HTML(英文Hyper Text Markup Language的縮寫)中文譯為"超文本標簽語言"。HTML主要是通過標簽對網(wǎng)頁中的文本、圖片、聲音等內(nèi)容進行描述。HTML提供了許多標簽,如段落標簽、標題標簽、超鏈接標簽、圖片標簽等。網(wǎng)頁中需要定義什么內(nèi)容,就用相應的HTML標簽描述即可。
HTML第1版:在1993年6月作為互聯(lián)網(wǎng)工程工作小組(IETF)工作草案發(fā)布。
HTML2.0:1995年11月作為RFC1866發(fā)布,在RFC 2854于2000年6用發(fā)布之后被宣布過時。
HTML3.2:1997年1月14日,W3C推薦標準。
HTML4.0:1997年12月18日,W3C推薦標準。
HTML4.01:1999年12月24日,W3C推薦標準。
XHTML1.0:2000年1月26日,W3C推薦標準。
HTML 5:2014年10月28日HTML5作為W3C推薦標準發(fā)布。
HTML5的優(yōu)勢
1.解決了跨瀏覽器、跨平臺問題
在HTML5之前,用戶使用不同的瀏覽器,常常看到不同的頁面效果。而HTML5是由W3C推薦,眾多知名公司共同遵守的標準。在HTML5中,納入了眾多擴展功能和標準,讓不同的瀏覽器或者平臺都可以使用HTML5,并顯示相同的頁面效果。從而解決了跨瀏覽器、跨平臺的問題。
2.新增了多個新標簽
新的結構標簽,例如<header>、<nav>、<section>、<article>、<footer>。
新的表單控件類型,例如calendar、date、time、email、url、search。
用于繪畫的<canvas>標簽。用于嵌入視頻的<video>標簽和用于嵌入音頻的<audio>標簽。
更好的支持本地離線存儲。地理位置、拖拽元素、攝像頭等新的API(應用程序接口)等。
3.安全機制的增強
HTML5中引入了一種新的基于來源的安全模型,該安全模型不僅操作方便,而且適用不同的API(應用程序接口)。
4.樣式和結構分離更徹底
實際上,樣式和結構的分離早在HTML4.0中就已涉及,但是分離的并不徹底。為了避免可訪問性差、代碼復雜度高、文件過大等問題,HTML5規(guī)范中更細致、清晰地分離了樣式和結構。但是考慮到HTML5的兼容性問題,一些陳舊的樣式和結構的代碼咋HTML5中還是可以兼容使用的。
5.化繁為簡的優(yōu)勢
簡化的字符集聲明、簡化的DOCTYPE、以瀏覽器原生能力(瀏覽器自身特性功能)替代復雜的JavaScript代碼。