1991年,Tim Berners-Lee創造了最初的HTML (HyperText Markup Language)。從那時起,這套網頁標記語言一路演變,從一開始寥寥幾個標籤,發展到今天功能豐富的HTML5。HTML的變化,也反映了網際網路技術這些年來的大幅轉變。
HTML的早期發展
HTML一開始的設計目標很單純:一套用來製作網頁、把文件互相連結起來的標記語言。早期的HTML相當陽春,只有標題、段落、連結這些基本元素。後來網際網路愈來愈普及,HTML陸續加入表格、圖片、表單等功能,能呈現的不再只有文字,也包括更複雜的多媒體內容。
HTML4的創新
HTML4的推出是很大的一步。它開始支援樣式表(CSS),網頁設計師可以把內容和呈現方式分開處理,版面與樣式也更好掌控。HTML4同時加強了對腳本語言(例如JavaScript)的支援,讓網頁能做到更複雜的功能與互動。
XHTML的嘗試
HTML4之後,網路標準組織W3C推出了XHTML (eXtensible HyperText Markup Language)。XHTML以XML為基礎,想用更嚴格的語法規則,讓HTML的結構更嚴謹。不過相容性問題多,實際導入也不容易,XHTML最後沒有完全取代HTML,比較像是一段過渡期的技術。
HTML5的大躍進
HTML5的出現,是網頁標準的一次大改版。它保留了HTML原有的基礎,再加入許多新功能和API,網頁能做的事一下子多了很多。HTML5新增了語意標籤,例如<header>、<footer>、<article>和<section>,讓頁面結構更清楚,對搜尋引擎優化也有幫助。另外,HTML5原生支援音訊和影片,整合多媒體內容變得簡單許多。
HTML5也帶來不少新的API,像是Canvas API、Geolocation API、Drag-and-Drop API等,讓網頁應用程式能做到接近桌面應用程式的功能與效能。HTML5也支援離線應用,透過應用程式快取(AppCache)和本機儲存(LocalStorage),網頁應用在沒有網路的情況下仍然可以使用。
結語
從最初的HTML到今天的HTML5,這段歷程除了是技術上的演進,也是在回應網際網路使用者需求的改變。HTML5在設計時就考慮到現代網路環境的多樣與互動需求,開發者因此能做出更動態、更有表現力、也更好用的網站。HTML5的標準化也帶來更好的跨瀏覽器相容性,開發者花在不同瀏覽器之間除錯的時間跟著減少。
HTML5普及之後,也帶動了CSS3和更進階的JavaScript等相關技術。這些技術和HTML5緊密搭配,一起撐起現代網頁應用的基礎。網頁不再只是靜態展示資訊的地方,而成了一種新的互動媒介,可以提供豐富的用戶體驗,也能處理複雜的工作。
HTML5也為行動裝置開啟了許多新的可能。現在做網站講究行動優先,HTML5讓網站在各種裝置上都能有不錯的表現,想觸及更多瀏覽者,這點相當重要。用智慧型手機和平板電腦上網的人愈來愈多,能適應這些裝置的HTML5,自然成了提供良好上網體驗的重要基礎。
HTML5的進步,也替往後的網路發展打下基礎。網路技術還在持續演變,可以預期HTML5會繼續因應新的挑戰,加入更多新功能。不管是擴增實境(AR)、虛擬實境(VR)還是物聯網(IoT)應用,HTML5都有機會發揮重要作用,協助打造互動性更高、更聰明、連結也更緊密的網路世界。
回顧HTML到HTML5的演變,可以看出網站技術更新得很快。企業規劃官網時,除了外觀,也該留意語意結構、行動裝置瀏覽與跨瀏覽器相容性。參考網頁設計公司推薦名單時,不妨挑選熟悉現代網頁標準的高雄網頁設計公司,日後維護與擴充會更順手。