TML作為一門標記語言，在各大領域的運用是非常廣泛的，很多的公司對于HTML5的需求是非常的旺盛的，很多的公司對于HTML工程師的人才一直是處于供不應求的狀態，這個也就是為什么HTML5開發仍然如此受歡迎的的原因了。

1、語義特性

HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

2、HTML語法較弱。

在w3c制定的HTML5規范中，對于HTML5在語法結構上的規格限制是較松散的，如、或在瀏覽器中具有同樣的功能，是不區分大小寫的。另外，也沒有嚴格要求每個控制標記都要有相對應的結束控制標記。

3、設備兼容特性

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

4、HTML標記數目有限

在w3C所建議使用的HTML5規范中，所有控制標記都是固定的且數目是有限的。固定是指控制標記的名稱固定不變，且每個控制標記都已被定義過，其所提供的功能與相關屬性的設置都是固定的。

5、本地存儲特性

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

6、HTML5編寫簡單

即使用戶沒有任何編程經驗，也可以輕易使用HTML來設計網頁，HTML5的使用只需將文本加上一些標記(Tags)即可。

HTML5語言之所以會受到企業的重視除了自身的發展前景之外肯定也是離不開HTML5自身的特征的，這些特征才是其發展好的原因。

TML5 是 HyperText Markup Language 5 的縮寫，HTML5 技術結合了 HTML4.01 的相關標準并革新，符合現代網絡發展要求，在 2008 年正式發布。HTML5 由不同的技術構成，其在互聯網中得到了非常廣泛的應用，提供更多增強網絡應用的標準機。與傳統的技術相比，HTML5 的語法特征更加明顯，并且結合了SVG的內容。這些內容在網頁中使用可以更加便捷地處理多媒體內容，而且 HTML5中還結合了其他元素，對原有的功能進行調整和修改，進行標準化工作。HTML5 在 2012 年已形成了穩定的版本。

HTML5是構建Web內容的一種語言描述方式。HTML5是互聯網的下一代標準，是構建以及呈現互聯網內容的一種語言方式．被認為是互聯網的核心技術之一。HTML產生于1990年，1997年HTML4成為互聯網標準，并廣泛應用于互聯網應用的開發。HTML5將Web帶入一個成熟的應用平臺，在這個平臺上，視頻、音頻、圖像、動畫以及與設備的交互都進行了規范。

關于HTML5的一些新規范、新特性接下來，小編一一給咱們介紹下哈！

一、智能表單

表單是實現用戶與頁面后臺交互主要組成部分，HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式，再加上新增加的一些表單標簽，使得原本需要JavaScript來實現的控件，可以直接使用HTML5的表單來實現；一些如內容提示、焦點處理、數據驗證等功能，也可以通過HTML5的智能表單屬性標簽來完成。

二、繪圖畫布

HTML5的canvas元素可以實現畫布功能，該元素通過自帶的API結合使用JavaScript腳本語言在網頁上繪制圖形和處理，擁有實現繪制線條、弧線以及矩形，用樣式和顏色填充區域，書寫樣式化文本，以及添加圖像的方法，且使用JavaScript可以控制其每一個像素。HTML5的canvas元素使得瀏覽器無需Flash或Silverlight等插件就能直接顯示圖形或動畫圖像。

三、多媒體

HTML5最大特色之一就是支持音頻視頻，在通過增加了<audio>、<video>兩個標簽來實現對多媒體中的音頻、視頻使用的支持，只要在Web網頁中嵌入這兩個標簽，而無需第三方插件（如Flash）就可以實現音視頻的播放功能。HTML5對音頻、視頻文件的支持使得瀏覽器擺脫了對插件的依賴，加快了頁面的加載速度，擴展了互聯網多媒體技術的發展空間。

四、地理定位

現今移動網絡備受青睞，用戶對實時定位的應用越來，要求也越來越高。HTML5通過引入Geolocation的API可以通過GPS或網絡信息實現用戶的定位功能，定位更加準確、靈活。通過HTML5進行定位，除了可以定位自己的位置，還可以在他人對你開放信息的情況下獲得他人的定位信息。

五、數據存儲

HTML5較之傳統的數據存儲有自已的存儲方式，允許在客戶端實現較大規模的數據存儲。為了滿足不同的需求，HTML5支持DOM Storage和Web SQL Database 兩種存儲機制。其中，DOM Storage 適用于具有key/value對的基本本地存儲；而WebSQLDatabase是適用于關系型數據庫的存儲方式，開發者可以使用SQL語法對這些數據進行查詢、插入等操作。

六、多線程

HTML5利用Web Worker將Web應用程序從原來的單線程業界中解放出來，通過創建一個Web Worker對象就可以實現多線程操作。JavaScript創建的Web程序處理事務都是在單線程中執行，響應時間較長，而當JavaScript過于復雜時，還有可能出現死鎖的局面。HTML5新增加了一個WebWorkerAPI，用戶可以創建多個在后臺的線程，將耗費較長時間的處理交給后臺面不影響用戶界面和響應速度，這些處理不會因用戶交互而運行中斷。使用后臺線程不能訪問頁面和窗口對象，但后臺線程可以和頁面之間進行數據交互。子線程與子線程之間的數據交互，大致步驟如下：①先創建發送數據的子線程；②執行子線程任務，把要傳遞的數據發送給主線程；③在主線程接受到子線程傳遞回的消息時創建接收數據的子線程，然后把發送數據的子線程中返回的消息傳遞給接收數據的子線程；④執行接收數據子線程中的代碼。

以上就是小編給咱們大家總結的HTML5的一些新特性。接下來，小編給咱們大家總結一下HTML5的優點，讓我們再來感受一下HTML5的魅力吧!!!

HTML5作為新一代網絡標準能夠讓程序通過Web瀏覽器，消費者從而能夠從包括個人電腦、筆記本電腦、智能手機或平板電腦在內的任意終端訪問相同的程序和基于云端的信息。HTML5允許程序通過Web瀏覽器運行，并且將視頻等目前需要插件和其它平臺才能使用的多媒體內容也納入其中，這將使瀏覽器成為一種通用的平臺，用戶通過瀏覽器就能完成任務。此外，消費者還可以訪問以遠程方式存儲在“云”中的各種內容，不受位置和設備的限制。由于HTML5技術中存在較為先進的本地存儲技術，所以其能做到降低應用程序的響應時間為用戶帶來更便捷的體驗。

好啦，今天小編就給大家分享到此，我們下期再見哈。

瀏覽器更好用，自然離不開萬能的《油猴插件》（戳這里），通過腳本實現去廣告、繞過二次跳轉、自動翻頁、懸停看圖、扒下載鏈接等功能。雖說AC-baidu這類的腳本自帶更改頁面樣式，

但由于是1對1的，沒法改所有網站的面貌，這時候就要用到另一個插件“Stylus”了，它可以讓絕大多數網頁都變得工工整整（趕上時代）。

▌用上Stylus

插件可以直接誒從Chrome瀏覽器插件商店安裝，或者網上直接下一個。

樣式可以點擊插件中[查找更多樣式]，

接下來會列出所在網頁可用的所有樣式，供你選擇，包含源鏈接、發布日期、本周/所有下載數據等。

裝好的樣式可以在頂部選擇開關，也可以組合搭配使用（可能有bug沖突），比方說：

這一步可能需要梯子，不然可能加載不出來...你也可以到Stylish的網站userstyles.org下載安裝。

點擊[選項]進入設置界面，它支持Dropbox、Google Drive、Onedrive云同步功能，一鍵在其他電腦上同步使用，不再需要一個個手動重新添加。

▌樣式推薦

百度：Baidu Lite 百度輕

谷歌：Google Search - Material Design

IT之家：IT之家去廣告,優化閱讀

貼吧：TieBa Maverick

知乎：Flat Zhihu 扁平化知乎

微博：Weibo v6 簡約微博

斗魚：Douyu Cleaner清爽斗魚

夜讀：NightShift - eye care 全局夜間模式

字體：ForceMyFonts 全局字體美化

如果你恰巧會一點CSS，那么可以自定義修改任意樣式，也可以從頭自己做。

▌什么是CSS（層疊樣式表）？

Stylus的原理也不復雜，通過CSS層疊樣式表改變網頁樣式，什么字體、背景、邊框、網頁布局，統統在它的掌控之中，就像整形一樣，換個鼻子、調個眼睛什么的，還是全程無痛。

CSS很復雜，但是Stylus簡單好用、沒啥學習成本，所以這部分只是當簡單的拓展講一下：

那它是如何誕生的呢？這還得從1993年說起，早期網頁使用的是RRP樣式，僅支持一個樣式表，只能顯示文字，看網頁的體驗可能還不如看報紙來的豐富。之前在《瀏覽器的輝煌發展史》（戳這里）中咱們提到過一款Mosaic（馬賽克）瀏覽器，

開始采用HTML標簽實現樣式表達，支持了書簽、圖標按鈕、圖片顯示這些革命性的功能、沿用至今。網景最早支持HTML框架顯示，也就是最簡單的table布局，

可以調整內外邊距，網頁看著更舒服，優點是兼容性高，但既要負責圖文內容、又要負責排版樣式，注定了他的樣式不夠美觀。

魏培源開發的ViolaWWW瀏覽器用了有層次嵌套性的樣式表，率先支持用<Link>標簽引用外部樣式表（可以簡單理解為：你請了個美工幫你改善改善）。但各家瀏覽器各用各的，豈不是亂了套？1994年，以萬維網之父老李為首的W3C萬維網聯盟，開始提供網絡標準化建議。

同年老萊（H?kon W Lie）提出層疊HTML樣式表（CHSS）支持用戶自定義樣式，網頁作者可以自己DIY版面，不同的規則用不同的百分比呈現，這也是CSS的雛形。隔壁的波斯正在做一款Argo瀏覽器，兩人相談盛歡、打算合作。

1996年底出現了一種和CSS語法很像的表現指明語言，PSL 96，可以根據不同的瀏覽器信息，自動判斷用什么樣式。年底，CSS已經完成，支持改變字體大小、字形、顏色、間距、排列、表格、邊框、id、class等等，如果說普通網頁是你剛買到手的毛坯房，那么CSS就是你給它做裝修。

但由于早期網頁設計師濫用HTML導致了“tagsoup標簽湯”問題，哪怕微軟在IE上逐步實現CSS，但BUG依然不少（

果然BUG是微軟祖傳BUFF）。

隔壁對手網景則推出了JS（JavaScript）語言，瀏覽器大戰沒有勝者，當時的網頁設計師被迫要為IE和網景分別設計一套網頁，頭都氣禿了...

于是民間團體WaSP（網頁標準計劃）發動水軍推動W3C 標準化，怒噴那些不加盟的廠商。在1998年出臺CSS2，他們之中的7位主要成員成立了CSS 武士團（CSS Samurai），催廠商們改善對CSS的支持，Opera照做了，但微軟依舊無動于衷。

可能也是因為大家看不到CSS的優勢，覺得沒必要，但2003年，Dave Shea推出了CSS 禪意花園（CSS Zen Garden）來展示樣式效果，也就是搭了個“樣板房”，讓設計師們熱血沸騰起來。

在2006~2009年間，DIV+CSS布局開始取代傳統表格布局，CSS3引入了簡單動畫等功能，插了JS一腳，還有靈活的flex彈性布局，沿用至今，而2011年開始設計的CSS4特性目前支持的還太少。

▌其他瀏覽器

你說為啥不直接用Stylish呢？因為3年前原作者賣給SimilarWeb之后，它涉嫌竊取用戶瀏覽歷史，被Chrome和Firefox下架。而Stylus是Stylish 1.5.2的開發分支，也是原作者維護的最后一個版本，作為GH上的開源項目，代碼公開審查，可以安心食用啦。

除了Chrome外，Firefox、Opera也都支持，Safari可以用FreeStyler（你也要來一段說唱嗎），同類插件還有xStyle。當然，由于win的字體渲染并不美觀，還可以搭配MacType使用，關于它的配置方法，咱們以后繼續說。

參考&引用：

sspai.com/post/40485

sspai.com/post/45537

github.com/openstyles/stylus

zhihu.com/search?type=content&q=css

zhihu.com/question/24826065/answer/194294438

zh.wikipedia.org/wiki/層疊樣式表?oldformat=true