首頁 > web前端 > H5教程 > 主體

標記語言HTML5的特徵是什麼

青灯夜游
發布: 2023-01-03 09:24:03
原創
4675 人瀏覽過

HTML5的特點:1、超級文本標記語言版本升級採用超集方式,從而更加靈活方便;2、超級文本標記語言採取子類元素的方式,為系統擴展帶來保證;3、跨平台性,可使用在廣泛的平台上;4、通用性;5、即時更新;6、離線快取功能;7、視訊和音訊的支援。

標記語言HTML5的特徵是什麼

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

一、什麼是HTML

在了解html5之前,首先要說一下html語言,儘管是更新後的5,但很多的地方還是保留了html的優勢。

HTML是HyperText Markup Language超級文字標記語言的縮寫,是標準通用標記語言下的一個應用,也是一種規範,一種標準,它透過標記符號來標記要顯示的網頁中的各個部分。從第一版的出現到現在,html已經經歷了5次的改版,從HTML 2.0到HTML 5,html用自身的優勢證明了其在網站中的優勢,以至於替代了古老的C語言程式設計來架構部分網站。

HTML有以下特點 :

1、簡易性:超級文字標記語言版本升級採用超集方式,從而更加靈活方便。

2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。

3、平台無關性:雖然個人電腦大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。

4、通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片結合的複雜頁面,這些頁面可以被網路上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。

二、什麼是HTML5

#HTML5是HTML(超文本標記語言)的第五次更新的產品,這是一種解釋型的語言,文件的擴展名的後綴為.htm或.html的形式,這是眾多廠商聯合開發出來的產品,據說W3C將會在2022年推出標準版。雖然現在仍處於不斷的完善中,但新增的新特性,新功能,不僅能節約Web開發者的時間和週期,還能提升使用者的體驗,更好的為開發者服務。

在HTML的時代,滿屏的都是div元素,結構混亂,不易閱讀,程式碼臃腫。在HTML5中,新增了許多語意化的版面標籤,例如nav,header,footer,article等,讓版面的網頁結構清晰明了。還新增了音頻,視頻,圖像,繪圖,動畫等功能,在以前,這些都是要用flash才能完成的。使用HTML5新增的功能能做出許多酷炫的效果。

相關推薦:《Html5影片教學

#三、HTML5特性

1、語意特性(Class:Semantic)

HTML5賦予網頁更好的意義與結構。更豐富的標籤將隨著對RDFa的,微資料與微格式等方面的支持,建構對程式、對使用者都更有價值的資料驅動的Web。

2、本地儲存特性(Class: OFFLINE & STORAGE)

基於HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本機儲存功能。 Indexed DB(html5本機儲存最重要的技術之一)和API說明文件。

3、裝置相容特性(Class: DEVICE ACCESS)

從Geolocation功能的API文件公開以來,HTML5為網頁應用程式開發者提供了更多功能上的最佳化選擇,帶來了更多體驗功能的優勢。 HTML5提供了前所未有的資料與應用程式存取開放介面。使外部應用程式可直接與瀏覽器內部的資料直接相連,例如視訊影音可直接與microphones及攝影機連結。

4、連線特性(Class: CONNECTIVITY)

更有效的連線工作效率,使得基於頁面的即時聊天,更快速的網頁遊戲體驗,更優化的線上交流得到了實現。 HTML5擁有更有效的伺服器推播技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現伺服器將資料「推送」到客戶端的功能。

5、網頁多媒體特性(Class: MULTIMEDIA)

支援網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,鏡頭,影音功能相得益彰。

6、三維、圖形及特效特性(Class: 3D, Graphics & Effects)

基於SVG、Canvas、WebGL及CSS3的3D功能,使用者會驚嘆於在瀏覽器中,所呈現的驚人視覺效果。

7、效能與整合特性(Class: Performance & Integration)

沒有使用者會永遠等待你的Loading-HTML5會透過XMLHttpRequest2等技術,解決先前的跨網域等問題,幫助您的網路應用程式和網站在多樣化的環境中更快速的工作。

8、CSS3特性(Class: CSS3)

在不犧牲效能和語意結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。

四、HTML5的特優勢

1,跨平台性

  在HTML5到來之前,由於平台的多樣性,導致每開發一套產品,就要針對不同的平台開發多套版本,耗費大量的時間和精力,而且還增加了大量的開發成本,而HTML5技術的出現卻能很好的解決這個問題,開發者只要使用一套程序,就能夠很容易的實現多個平台的展現功能,降低了開發難度,節省了開發時間和成本的投入。

2,即時更新

之前原生應用程式上線Appstore,都需要等待很長的審核時間,一旦出現問題需要更新,則還要重新審核,無形中浪費了大量的時間。而HTML5是透過瀏覽器進行載入的,所以不存在這樣的問題,如果出現什麼問題,可以及時的更新上線,不需要等待審核時間。

3,離線快取功能

HTML5中最酷的功能就是離線快取。透過JavaScript提供了數種不同的離線儲存功能,相對於傳統的Cookie而言有更好的彈性以及架構,並且可以儲存更多的內容。它擁有更好的安全性和效能,即使瀏覽器關閉後也可以保存。

4,視訊和音訊的支援

之前在實現播放媒體功能時,一直是開發者比較痛苦的事情,需要讓你的視訊和音訊透過HTML5標籤和來存取資源。並且為了它們能正確播放必須賦予一大堆的參數。這樣你就要不斷的重複標籤,你的程式碼也會變得十分繁瑣。現在,這一切都將變的非常簡單。

5,清楚的程式碼

HTML5可以讓你寫出簡單又清楚的程式碼。使用HTML5你可以透過使用語意學的HTML header標籤描述內容來最後解決你的div及其class定義問題。讓你的程式碼更加清晰易於理解。

更多程式相關知識,請造訪:程式設計影片! !

以上是標記語言HTML5的特徵是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!