web前端入門到實戰：HTML規範新內容，HTML6 真正須要的功能

HTML5 規範在 2014 年正式發佈。時至今日，雖然這一規範已經引入了許多新的 API、功能和改進，但許多開發人員已經在展望下一代 HTML 規範了。

一點點背景介紹

有些人仍是不知道 HTML 標準是怎樣制定出來的。具體來講，一些組織提出本身的模式和協議，但願瀏覽器接受並使用它們；但很顯然，惟一真正有話語權的組織是 W3C 。因此 W3C 來分析 Web 世界須要什麼，而後他們編寫並規劃一些語言指南，這些指南最後將成爲瀏覽器的標準。

早在 Internet Explorer 時代 W3C 就已經成立了，但微軟其實並不關心什麼標準規範，他們只是我行我素而已。這種狀態一直持續到谷歌 Chrome 誕生，後者改變了遊戲規則。是的，谷歌瀏覽器有時也不在意標準規範，但起碼它會帶來一些不錯的內容，那麼 W3C 最後就會把這些內容塞進 HTML 標準文檔裏。谷歌的力量是很強大的。

HTML6 真正須要的功能

好吧，我知道其實根本就不會有所謂的 HTML6 版本。還有一件事情可能會更讓你驚訝，那就是今天咱們用的也不是 HTML5 標準，由於這個標準是在實時更新中的，被稱爲「動態標準」。如今咱們正在使用的是 HTML5.2，而 Web 開發工做會關注將來將要用到的 HTML 規範。因此咱們早晚有一天會進化到下一代 HTML 標準時代，但這種進化是漸進的，不會一晚上之間完成。

既然如此，下面我會提出一些我但願將來的標準能實現的功能。

更多原生元素

若是咱們想要使用用戶設備的相機，正確的方法是先捕獲視頻流，而後將其顯示到一個視頻元素中，而後拍下一張快照，再把快照的這幀圖片繪製到畫布中。這聽起來比咱們指望的步驟要複雜很多。

在下一個 HTML 正式版本中，咱們應該可以更輕鬆地處理更多原生組件，從而製做水平更高的的 Web 應用程序和 PWA（漸進式 Web 應用程序），最終實現史蒂夫喬布斯的夢想。

這些元素將帶有本身的 API，其中一些甚至不須要 HTML 元素，如 NFC、聯繫人、短信或 VR 訪問等。

新元素

Web 開發產業已經證實 Web 技術不只能夠用來構建網站，還能夠構建複雜的 Web 應用程序和界面；所以爲了更好地管理咱們的 DOM，咱們應該有更專門化的標籤。

咱們能夠不用帶有 id 屬性的 <div> ，改成在 CSS 樣式表中處理效果會更好。一些開發人員建議咱們能夠經過名稱標籤直接調用 id，但我真的不認爲這是一個好主意。

<router></router>
<script>
varelement =document.getElementById(「router」);
</script>
專門創建的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學習方法和須要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（從零基礎開始到WEB前端項目實戰教程，學習工具，全棧開發學習路線以及規劃）

其實這沒什麼用途，由於咱們已經有了 getElementByName()，並且它會讓咱們區分本身的標籤和 HTML 原生標籤，後果會很糟糕。

vartag= document.getElementsByName(「tag」);

你以前看過相關內容的話，可能已經知道有一種方案提出了一種新的標記來處理專用的原生 html 標籤，但這種方法既沒什麼用又很佔地方，會讓網站變得更加臃腫，性能卻沒有提高。

個人解決方案就是一如既往繼續使用標籤，但使用新標籤來幫助響應式編程、網頁設計師和開發人員建立更好的網頁佈局。

記住 KISS 原則，保持簡單，大智若愚。

預處理器

我不是很喜歡這個東西，但不少開發人員都很喜歡它，因此它應該是個不錯的功能。它能改善 Web 編碼效率，即便這增長了 CPU 佔用率，但不少開發人員也願意承受這點代價。

很顯然，能縮短開發時間是再好不過了。

不要只用 JavaScript

我知道至少在今天這是不可能作到的，我也根本不須要這個功能，但若是開發人員能在腳本標記中寫下其餘語言的名字，除了 JavaScript 還能用其餘語言的話也是很不錯的。

<scripttype=」text/python」>
el= dom.elementId(「Element」)
el.html(「Thislinewillbeprinted in the element」)
</script>

這將真正改變遊戲規則，由於一晚上之間就會有大批新人涌進 Web 開發產業，這是很是好的事情。一些 Java 開發人員也能用上他們囉哩囉嗦的語法了。

<scripttype=」text/java」>
importhtml;

classMain{
publicstaticvoidmain(String args[]){
element div = html.doc.getElementById(「element」);
div.write(「Element display text」);
}
}
</script>
專門創建的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學習方法和須要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（從零基礎開始到WEB前端項目實戰教程，學習工具，全棧開發學習路線以及規劃）

小結

本文總結了一些將來的 HTML 真正須要的功能，這些功能能夠改善 Web 開發工做，我但願起碼其中的一兩項功能很快就和咱們見面，這樣 Web 技術就能繼續做爲軟件開發產業的表率發展下去了。