開發人員期待即將到來的 HTML6 的十二個特性

已發表: 2017-01-17

HTML5 在開發人員中取得了驚人的成功。 它使用<article><section><header>等新標籤幫助開發人員以更相關的方式組織內容。

開發人員可以自由地使用<link><script>等標籤的類型屬性。 儘管 HTML5 帶來了 Web 編程的範式轉變,但它在開發 Web 上的原生應用程序和其他一些問題方面存在局限性。

作為開發人員,您總是希望提供有效且高效的 Web 解決方案,而 HTML6 有望幫助您實現這一目標。 因此,全世界的開發者都渴望擁抱 HTML6。 有趣的是,HTML6 的預期功能將如何改變 Web 開發領域。

以下是開發社區對即將到來的 HTML6 的一些最受歡迎的期望:

快遞標籤

HTML6 很可能通過 express 標籤來方便開發人員。 您可以使用<logo></logo>為網頁分配徽標。 同樣, <sidebar></sidebar><navigation></navigation>標籤將分別集成側邊欄和導航。

此外, <div>標籤可以在不使用多個 ID 的情況下使用。 例如,您可以簡單地使用<container><wrapper>而不是編寫<div id='container'><div id='wrapper'>

類似 XML 的命名空間

預計 HTML6 將帶有類似 XML 結構的名稱空間。 這樣的命名空間將幫助開發人員使用相同的標籤,而不會與另一個標籤發生任何衝突。 換句話說,HTML6 將提供除已定義標籤外還使用所需標籤的優勢。

HTML6 文檔

[xhtml]
<!DOCTYPE html>
<html:html>
<html:頭>
<html:title>HTML6 概覽</html:title>
<html:meta type="title" value="頁面標題">
<html:meta type="description" value="帶有命名空間的 HTML 示例">
<html:link src="css/mainfile.css" title="樣式" type="text/css">
<html:link src="js/mainfile.js" title="腳本" type="text/javascript">
</html:head>
<html:正文>
<標題>
<標誌>
<html:media type="image" src="images/xyz.png">
</logo>
<導航>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</標題>
<內容>
<文章>
<h1>主要文章的標題</h1>
<h2>主條目副標題</h2>
<p>[…]</p>
<p>[…]</p>
</文章>
<文章>
<h1>HTML6的概念</h1>
<h2>了解基礎</h2>
<p>[…]</p>
</文章>
</內容>
<頁腳>
<copyright>這個網站是 &copy; 匿名 2017</copyright>
</頁腳>
</html:body>
</html:html>
[/xhtml]

在本文檔中,我們有一些奇怪的<html: x>標籤。 它們是屬於 W3C 和 HTML6 規範的命名空間元素,可用於觸發瀏覽器事件。 例如, <html: title>將改變瀏覽器的標題欄, <html: media>將幫助定義的圖像出現在瀏覽器屏幕上。 這些元素與瀏覽器無關。 它們可以使開發人員使示例代碼更具語義。

附加視頻對象控制

HTML6 將提供對視頻對象的更多控制,以改善用戶的視頻體驗。 儘管開發人員無法擺脫壓縮編解碼器,但他們可以使用不同的壓縮算法對其進行調整。

預計對在頁面上繪製視頻幀的更多控制以及更好的回調掛鉤和同步機制。 我們還可以期待在即將到來的 HTML 版本中將 DOM 與視頻混合的能力。

[xhtml]
<! – 簡單的視頻示例 –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> 抱歉,您的瀏覽器不支持嵌入視頻,不過不用擔心,您可以<a href="videofile.webm">下載</ a> 並使用您最喜歡的視頻播放器觀看!
</視頻>

<! – 帶字幕的視頻 –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska">
</視頻>
[/xhtml]

專用和豐富的圖書館

JQuery 在標準庫方面改變了 JavaScript 的世界。 HTML 的下一個標準可能會提供與瀏覽器一起分發的有保證的庫。 在刷新 jQuery 1.9 的緩存版本時會節省更多時間。 換句話說,庫的可緩存版本即將到來。 如果許多設計師使用特定的庫,它可以在新的 HTML6 版本中與瀏覽器一起分發。

改進的註釋

註釋不應局限於文章底部的評論部分。 標準結構可以為段落、句子和單詞添加註釋。 甚至視頻中的圖像和時刻也可以在復雜的版本中進行註釋。 API 的標準化允許所有網站和瀏覽器以相同的方式處理基本註釋。 開發者社區正在等待改進的註釋選項。

相機集成

相機在我們在家中和辦公室的互動中起著至關重要的作用。 HTML6 有望以多種方式允許我們設備上的所有媒體內容。 它可以跨瀏覽器、表單或其他系統提供對相機的更多控制。 圖像捕獲、動態過濾、相機效果是可以解決的一些方面。 另一種可能性是允許視頻和攝影的多種格式,同時促進全景圖像和 HDR 的創建。

更嚴格的身份驗證

在身份驗證方面,瀏覽器可以提供更多功能。 例如,瀏覽器可以不使用 cookie,而是使用可以存儲在硬化芯片中的嵌入式密鑰對令牌進行簽名。 它可以防止人們(閱讀:黑客)通過密鑰獲得訪問權限。 可以將 API 添加到瀏覽器中,以使網站能夠請求更好的數字簽名。 在某種程度上,身份驗證可能會變得更強大以增強安全性。

微格式

可以使用 HTML6 中稱為微格式的標準方式來指定地址或電話號碼等常見細節。 我們可以通過一組標準的標籤從網絡爬蟲和搜索引擎獲得快速響應。 開發人員可以對位置、日期、時間、參考書目和所有形式的標準數據使用更全面的標記來創建詳細信息。 我們還可以期待特定國家/地區的電話代碼。 開發人員還尋求更改日期格式的靈活性。 現在,它默認設置為美國的。 在某種程度上,微格式在 HTML6 中會變得更加強大和靈活。

預處理器

可插入的預處理器可以集成到 HTML6 中,用於將語言轉換為 JavaScript。 今天,Lisp、Python、Ruby、Erlang、Scala 和許多其他語言都可以編譯成 JavaScript,而即將到來的 HTML 版本可以帶來一個預處理器來實現這一目標。 當這些語言中的任何一種被交叉編譯成 JavaScript 時,它會生成一個更小的版本,可以很容易地通過 Internet 傳輸。 HTML5 是 JavaScript 的通用版本,它使本地機器的代碼優化更加困難。

可插拔語言

我們不能排除即將到來的 HTML 版本中出現一組可插入的語言。 它將增加靈活性,同時為開發人員提供更多的設計選擇。 儘管 JavaScript 可以在廣泛的基礎上繼續存在,但將來可能會出現使用專門語言的專門擴展。 開發人員還需要能夠生成大量代碼以滿足需求的 HTML 標籤。

圖像的自動瀏覽器大小

圖像的外觀取決於設備類型和窗口大小等各個方面。 HTML 的標準<img>標籤只有一個 SRC,它會在顯示圖像時給瀏覽器帶來麻煩。 但是,更好的 HTML 協議可以建議圖像的所需寬度或高度,並且服務器可以提供最佳分辨率。 在某種程度上,圖像的瀏覽器大小即將出現在 HTML6 中。

安全訪問聯繫信息

人們或訪問者通常希望獲得其設備數據庫的電子郵件地址或聯繫電話。 現在,他們可以通過剪切和粘貼來做到這一點。 預計JavaScript將在新版本的HTML6中將人們從這種剪切和粘貼中解救出來。 在移動設備中,該界面可以為人們提供對聯繫信息的保護訪問。

結論

那不是全部。 開發人員希望 HTML6 可以自定義表單驗證。 現在,它默認出現且不可更改。 此外,在移動驅動的世界中,即將推出的 HTML 版本可以在移動瀏覽器中使用 GPS 提供位置跟踪功能。 其他一些功能想法包括藍牙支持、內置惡意軟件保護以及從點對點傳輸文件的能力等,也正在為即將到來的 HTML6 準備中。

舞台是為 HTML6 準備的。 讓我們等到最新版本的到來,它可以為 Web 開發過程帶來根本性的變化。

快樂的 Web 開發!