TML5方興未艾，但也有不少遺憾。下面提了10點希望在HTML6中看到的特性，歡迎評論。

HTML6提案1：對視頻對象的更多控制

我們可能永遠不會解決與壓縮編解碼器的爭斗，但我們可以與之配合。不同的壓縮算法可能需要更多的工作來實現，但是它們提供競爭。能對展現在頁面上的視頻幀提供更多控制的方式會是更好的方案。當前的標準是使用視頻中的一系列幀填充一個矩形。然后提供了一個帶有注釋，字幕和其他內容的文本軌道的控制。一些聰明的人已經開始將注釋與其他DOM對象同步。但是如果有回調鉤子和同步機制是不是更好？例如，DOM與視頻混合的能力如何？

HTML6提案2：圖像的瀏覽器大小

照片在屏幕上看起來要漂亮，需要多少像素？這個答案根據根據設備的不同而不同。即使窗口的大小也會改變最小分辨率。但HTML標準

<img>

標簽只能獲得一個SRC，它指向一個可能有太多或太少像素的圖像文件。如果它太多，瀏覽器必須降級圖像才能顯示，這就浪費網絡帶寬和時間。如果像素太少，效果又太差。更好的HTML協議應該為圖像提出所需的寬度或高度，以便服務器可以提供最佳分辨率。

HTML6提案3：可插拔語言

標準的HTML瀏覽器使用且只是用JavaScript。但由于某些原因，我們需要用script標簽的type屬性設定為text/javascript來指定語言類型。從html4開始，type一直就沒有默認值。

HTML4的建議稿覺得有人可能會使用像text/tcl或text/vbscript這樣的類型，但是實際上有沒有人使用這些？微軟已經棄用了IE11的text/vbscript，而且近年來Sun在使用tcl。

Google正在慢慢推Dart，但包括Dart的Chromium（Chrome的開發版）確有一個不祥的警告 ：“不要使用Dartium作為主瀏覽器，不要將Dartium分發給用戶！”說明Google對Dart也不是很有信心。

但在未來，我們可以擁有更強大的可插拔語言。它將為開發人員增加更多的靈活性和設計選擇。會不會把互聯網弄壞？如果有一個穩固的開源實現，它就可以被所有瀏覽器采用?？赡芎茈y讓網站使用可插入語言來為廣泛的受眾提供內容 - JavaScript會可以繼續擁有廣泛的網絡基礎 - 但是對于使用專門語言的更專業的擴展來說，這可能是一個很好的選擇。

HTML6提案4：可插拔預處理器

想超越JavaScript的開發人員可以有另外一個解決方案，就是將其他語言轉換為JavaScript。許多開發人員已經使用一些翻譯語言（如CoffeeScript）的預處理器。

杰里米·阿什肯納斯（Jeremy Ashkenas） 列出來了可以編譯成JavaScript的語言列表，范圍很廣。Lisp，Python，Ruby，Erlang，Scala - 列表還在繼續擴大。

這樣的提案將會付出代價。當一種語言被交叉編譯成JavaScript時，通常會在同一時間進行細化，生成一個更小的更容易通過互聯網傳輸的版本。在部署過程中執行此操作比在每個人的瀏覽器上執行的效率要高得多。

但是，縮小的版本有其缺點。開放一直是網絡的巨大優勢之一。我們能夠通過閱讀通常仍然以人類可讀的形式寫的JavaScript代碼來學習和調試。交叉編譯和縮小的代碼對于其他人是無價值的。它正在慢慢打破Web的開放性。

在瀏覽器中執行此轉換還有其他優點。每臺機器都有不同，轉換過程需要利用到RAM大小、視頻卡庫等知識。當前版本的HTML假定采用JavaScript的一般版本，這使得為本地機器優化代碼變得更難。

HTML5提案5：有保證的庫

JavaScript編程的世界已經被jQuery以及其他標準庫改造了。然而，幾乎每個網站仍然要加載自己加載某個版本的副本。在加載jQuery時浪費的能量可能足以照亮一個小國家，治愈癌癥或兩者兼而有之。

一些網站使用像Google或Yahoo這樣的公司托管的標準緩存版本，這樣可以節省帶寬，但下一個HTML標準應該比這更好。如果大量設計人員同意，則可以使用瀏覽器進行分發。這將節省更多時間再次刷新jQuery的緩存版本。

HTML6提案6：授權對聯系信息的訪問

瀏覽器已經可以共享位置信息。期待更多國家加入。人們通常希望在自己設備的聯系信息庫里面放入電子郵件地址或電話號碼。現在他們必須剪切和粘貼。為什么不讓JavaScript挖掘并保存所有的剪切和粘貼？這對移動設備來說是非常棒的。在交互上可以提供細粒度的控制，允許人們來自某些域的代碼可以自動訪問到聯系信息，而其他域不行。

HTML6提案7：相機集成

在網絡攝像頭和手機的多攝像頭提供的設備基礎上，用戶與瀏覽器交互的場景少不了鏡頭和麥克風。W3C已經在探索一種向表單添加照片或視頻捕獲的方法 。一些瀏覽器已經支持自己的版本，如

webkitGetUserMedia

。很容易想到更多。表單元素還可以訪問存儲在設備中的存儲空間，并且該設備可以更好地控制攝像機和捕獲速率。這將讓網站與專門的應用程序競爭。

HTML6提案8：硬件化認證

鑒于構建可信硬件是多么困難的事情，因此我們可能會提供很多硬性和快速認證的方式。而瀏覽器可以為此提供更多的功能。瀏覽器可以使用嵌入式Key進行簽名，而不是Cookie。這些可以以硬化的芯片存儲在設備之外，以防止人們提取密鑰。向瀏覽器添加API將允許網站要求更好的數字簽名。如果把太多的信任放在其中，這可能是危險的，但這將是cookie和會話身份驗證的一個步驟。

HTML6提案9：更好的注釋

文章底部的注釋部分只是我們如何注釋文章的開始，但是一個標準的結構可以添加與段落、句子、甚至單詞相關的注釋。復雜的版本甚至可以允許對視頻內的圖像或某個時間點進行注釋。有些網站正在開始提供這些功能，但在標準化API方面會使所有網站和瀏覽器都以相同的方式處理基本注釋。W3C有一個研究該領域并提供基本標準的小組。

HTML6提案10：更強的微格式

HTML標簽區分標題，段落和頁腳，但還不夠多。為什么不創建一個標準的方法來指定其他常見的細節，例如地址或電話號碼的部分？當然，用于描繪電子郵件地址的標準標簽可以使垃圾郵件發送者的生活變得更輕松，但標準的一組標簽可以加速網頁抓取工具和搜索引擎，這將有利于我們所有人。W3C一直在探索微格式來標記數據，并曾經認為它們是HTML5的一部分，盡管它們不是。我們可以為地點，時間，日期，出售物品，參考書目以及所有標準數據使用更全面的標記。

小推薦

下面是基本的、最低限度的網站基本標簽：

<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 以上 3 個 meta 標簽 *必須* 放在 head 的最前面；其他任何的 head 內容必須在這些標簽的 *后面* --><title>頁面標題</title>

網頁元素

<!-- 文檔標題 --><title>頁面標題</title><!-- 基本 URL 作用于文檔中所包含的所有相對 URL --><base ><!-- 外部的 CSS --><link rel="stylesheet" href="styles.css"><!-- 文檔內的 CSS --><style> /* ... */</style><!-- JavaScript --><script src="script.js"></script>
<noscript><!--無 JS 時的替代--></noscript>

Meta 標簽

<!-- 設置文檔的字符編碼 --><meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 以上 3 個 meta 標簽 *必須* 放在 head 的最前面；其他任何的 head 內容必須在這些標簽的 *后面* --><!-- 允許控制資源的過度加載 --><meta http-equiv="Content-Security-Policy" content="default-src 'self'"><!-- 盡早地放置在文檔中 --><!-- 僅應用于該標簽下的內容 --><!-- Web 應用的名稱（僅當網站被用作為一個應用時才使用）--><meta name="application-name" content="應用名稱"><!-- 針對頁面的簡短描述（限制 150 字符）--><!-- 在*某些*情況下，該描述是被用作搜索結果展示片段的一部分 --><meta name="description" content="一個頁面描述"><!-- 控制搜索引擎的抓取和索引行為 --><meta name="robots" content="index,follow"><!-- 所有搜索引擎 --><meta name="googlebot" content="index,follow"><!-- 僅對 Google 有效 --><!-- 告訴 Google 不顯示網站鏈接的搜索框 --><meta name="google" content="nositelinkssearchbox"><!-- 告訴 Google 不提供此頁面的翻譯 --><meta name="google" content="notranslate"><!-- 驗證 Google 搜索控制臺的所有權 --><meta name="google-site-verification" content="verification_token"><!-- 驗證 Yandex 網站管理員的所有權 --><meta name="yandex-verification" content="verification_token"><!-- 驗證 Bing 網站管理員中心的所有權 --><meta name="msvalidate.01" content="verification_token"><!-- 驗證 Alexa 控制臺的所有權 --><meta name="alexaVerifyID" content="verification_token"><!-- 驗證 Pinterest 控制臺的所有權 --><meta name="p:domain_verify" content="code from pinterest"><!-- 驗證 Norton 安全站點的所有權 --><meta name="norton-safeweb-site-verification" content="norton code"><!-- 用來命名軟件或用于構建網頁（如 - WordPress、Dreamweaver）--><meta name="generator" content="program"><!-- 關于你的網站主題的簡短描述 --><meta name="subject" content="你的網站主題"><!-- 基于網站內容給出一般的年齡分級 --><meta name="rating" content="General"><!-- 允許控制 referrer 信息如何傳遞 --><meta name="referrer" content="no-referrer"><!-- 禁用自動檢測和格式化可能的電話號碼 --><meta name="format-detection" content="telephone=no"><!-- 通過設置為 “off” 完全退出 DNS 預取 --><meta http-equiv="x-dns-prefetch-control" content="off"><!-- 在客戶端存儲 cookie，web 瀏覽器的客戶端識別 --><meta http-equiv="set-cookie" content="name=value; expires=date; path=url"><!-- 指定要顯示在一個特定框架中的頁面 --><meta http-equiv="Window-Target" content="_value"><!-- 地理標簽 --><meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<meta name="geo.region" content="country[-state]"><!-- 國家代碼 (ISO 3166-1): 強制性, 州代碼 (ISO 3166-2): 可選; 如 content="US" / content="US-NY" --><meta name="geo.placename" content="city/town"><!-- 如 content="New York City" -->

鏈接

<!-- 表明一個 CSS 樣式表 --><link rel="stylesheet" ><!-- 有助于防止出現內容重復的問題 --><link rel="canonical" ><!-- 之前用于包含 icon 鏈接，但已被廢棄并不再使用 --><link rel="shortlink" ><!-- 鏈接到當前文檔的一個 AMP HTML 版本 --><link rel="amphtml" ><!-- 鏈接到一個指定 Web 應用程序“安裝”證書的 JSON 文件 --><link rel="manifest" href="manifest.json"><!-- 鏈接到文檔的作者 --><link rel="author" href="humans.txt"><!-- 指向一個適用于鏈接內容的版權申明 --><link rel="license" href="copyright.html"><!-- 給出可能的你的另一種語言的文檔位置參考 --><link rel="alternate"  hreflang="es"><!-- 提供了關于作者或其他人的信息 --><link rel="me"  type="text/html">
<link rel="me" href="mailto:name@example.com">
<link rel="me" href="sms:+15035550125"><!-- 鏈接到一個描述歷史記錄、文檔或其他具有歷史意義的材料的集合的文檔。 --><link rel="archives" ><!-- 鏈接到層次結構中的頂級資源 --><link rel="index" ><!-- 給出一個自我參考 - 當文檔有多個可能的參考時非常有用 --><link rel="self" type="application/atom+xml" ><!-- 分別是在一系列文件中的第一個、下一個、上一個和最后一個 --><link rel="first" >
<link rel="next" >
<link rel="prev" >
<link rel="last" ><!-- 當使用第三方服務來維護 blog 時使用 --><link rel="EditURI"  type="application/rsd+xml" title="RSD"><!-- 當另一個 WordPress 博客鏈接到你的 WordPress 博客或文章時形成一個自動化的評論 --><link rel="pingback" ><!-- 當你在自己的頁面上鏈接到一個 url 時通知它 --><link rel="webmention" ><!-- 加載一個外部的 HTML 文件到當前 HTML 文件中 --><link rel="import" href="/path/to/component.html"><!-- 打開搜索 --><link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title"><!-- Feeds --><link rel="alternate"  type="application/rss+xml" title="RSS">
<link rel="alternate"  type="application/atom+xml" title="Atom 0.3"><!-- 預取，預載，預瀏覽 --><link rel="dns-prefetch" >
<link rel="preconnect" >
<link rel="prefetch" >
<link rel="prerender" >
<link rel="preload" href="image.png" as="image"><!-- 更多信息：https://css-tricks.com/prefetching-preloading-prebrowsing/ -->

網站圖標

<!-- 針對 IE 10 及以下版本 --><!-- 如果將 `favicon.ico` 放在根目錄下，則無需標簽 --><!-- 對于 IE 11、Chrome、Firefox、Safari 和 Opera --><link rel="icon" type="image/png" sizes="16x16" href="/path/to/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/path/to/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/path/to/favicon-96x96.png"><!-- 更多信息: https://bitsofco.de/all-about-favicons-and-touch-icons/ -->

社交

Facebook Open Graph

<meta property="fb:app_id" content="123456789">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="">

Facebook Instant Articles

<meta charset="utf-8">
<meta property="op:markup_version" content="v1.0"><!-- 你的文章的 Web 版網址 --><link rel="canonical" ><!-- 用于該文章的樣式 --><meta property="fb:article_style" content="myarticlestyle">

Twitter Cards

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="https://example.com/image.jpg">

Google+ / Schema.org

<link  rel="publisher">
<meta itemprop="name" content="內容標題">
<meta itemprop="description" content="內容描述少于 200 個字符">
<meta itemprop="image" content="https://example.com/image.jpg">

Pinterest

根據他們的幫助中心可知，Pinterest 允許你禁止他人保存你網站里的內容。description 為可選。

<meta name="pinterest" content="nopin" description="Sorry, you can't save from my website!">

OEmbed

<link rel="alternate" type="application/json+oembed"

title="oEmbed Profile: JSON">
<link rel="alternate" type="text/xml+oembed"

title="oEmbed Profile: XML">

瀏覽器 / 平臺

Apple iOS

<!-- 智能應用 Banner --><meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT"><!-- 禁用自動檢測和格式化可能的電話號碼 --><meta name="format-detection" content="telephone=no"><!-- 添加到主屏幕 --><meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="應用標題"><!-- 觸摸圖標 --><!-- 在大多數情況下，在 `<head>` 中，一個 180×180px 觸摸圖標就已經足夠了 --><link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png"><!-- 注意：iOS 7 上的 Safari 不會對圖標產生效果。 --><!-- 較早版本的 Safari 不會對以 `-precomposed.png` 后綴命名的圖標文件產生效果。 --><!-- 啟動畫面（已無效） --><link rel="apple-touch-startup-image" href="path/to/startup.png"><!-- iOS 應用深層鏈接 --><meta name="apple-itunes-app" content="app-id=APP-ID, app-argument=http/url-sample.com">
<link rel="alternate" href="ios-app://APP-ID/http/url-sample.com">

Apple Safari

<!-- 固定網站 --><link rel="mask-icon" href="path/to/icon.svg" color="red">

Google Android

<meta name="theme-color" content="#E64545"><!-- 添加到主屏幕 --><meta name="mobile-web-app-capable" content="yes"><!-- 更多信息：https://developer.chrome.com/multidevice/android/installtohomescreen -->

Google Chrome

<link rel="chrome-webstore-item" ><!-- 禁用翻譯提示 --><meta name="google" content="notranslate">

Google Chrome Mobile (只針對 Android)

從 Chrome 31 開始，你可以設置你的 Web 應用為“app mode”，如 Safari。

<!-- 鏈接到一個 manifest 并定義 manifest 的元數據。--><!-- manifest.json 中的例子也可以通過以下鏈接找到。--><link rel="manifest" href="manifest.json"><!-- 定義你的網頁為 Web 應用 --><meta name="mobile-web-app-capable" content="yes"><!-- 主屏幕圖標 --><link rel="icon" sizes="192x192" href="highres-icon.png">

Microsoft Internet Explorer

<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible"><!-- IE10: 禁用鏈接點擊高亮 (https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/) --><meta name="msapplication-tap-highlight" content="no"><!-- 固定網站 (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx) --><meta name="application-name" content="Sample Title">
<meta name="msapplication-tooltip" content="A description of what this site does.">
<meta name="msapplication-starturl" content="http://example.com/index.html?pinned=true">
<meta name="msapplication-navbutton-color" content="#FF3300">
<meta name="msapplication-window" content="width=800;height=600">
<meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico">
<meta name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico">
<meta name="msapplication-badge" value="frequency=NUMBER_IN_MINUTES;polling-uri=http://example.com/path/to/file.xml">
<meta name="msapplication-TileColor" content="#FF3300">
<meta name="msapplication-TileImage" content="path/to/tileimage.jpg">
<meta name="msapplication-config" content="http://example.com/browserconfig.xml">
<meta name="msapplication-notification" content="frequency=60;polling-uri=http://example.com/livetile;polling-uri2=http://example.com/livetile2">
<meta name="msapplication-task-separator" content="1">

應用鏈接

<!-- iOS --><meta property="al:ios:url" content="applinks://docs">
<meta property="al:ios:app_store_id" content="12345">
<meta property="al:ios:app_name" content="App Links"><!-- Android --><meta property="al:android:url" content="applinks://docs">
<meta property="al:android:app_name" content="App Links">
<meta property="al:android:package" content="org.applinks"><!-- Web 回退 --><meta property="al:web:url" content="http://applinks.org/documentation"><!-- 更多信息：http://applinks.org/documentation/ -->

國內的瀏覽器

360 瀏覽器

<!-- 選擇渲染引擎 --><meta name="renderer" content="webkit|ie-comp|ie-stand">

QQ 移動瀏覽器

<!-- 在指定方向上鎖定屏幕（鎖定橫/豎屏） --><meta name="x5-orientation" content="landscape/portrait"><!-- 全屏顯示此頁面 --><meta name="x5-fullscreen" content="true"><!-- 頁面將以“應用模式”顯示（全屏等）--><meta name="x5-page-mode" content="app">

UC 移動瀏覽器

<!-- 在指定方向上鎖定屏幕（鎖定橫/豎屏） --><meta name="screen-orientation" content="landscape/portrait"><!-- 全屏顯示此頁面 --><meta name="full-screen" content="yes"><!-- 即使在“文本模式”下，UC 瀏覽器也會顯示圖片 --><meta name="imagemode" content="force"><!-- 頁面將以“應用模式”顯示（全屏、禁止手勢等） --><meta name="browsermode" content="application"><!-- 在此頁面禁用 UC 瀏覽器的“夜間模式” --><meta name="nightmode" content="disable"><!-- 簡化頁面，減少數據傳輸 --><meta name="layoutmode" content="fitscreen"><!-- 禁用的 UC 瀏覽器的功能，“當此頁面中有較多文本時縮放字體” --><meta name="wap-font-scale" content="no">

注意

性能

當啟用 GZIP 時，移動 href 屬性到該元素的開頭以提高壓縮，因為 href 屬性被用于 a、base 和 link 標簽。

示例:

<link  rel="stylesheet">