HTML6 初探 — 你没看错，是6不是5
HTML5 概述
HTML5 是 HTML 语言中最受欢迎的版本之一。它具备诸多强大功能，支持音频和视频播放、离线存储，对移动端有良好的适配性，还引入了丰富的标签属性。同时，HTML5 提供了 <article>、<section>、<header> 等标签，有助于开发者更高效地组织页面内容。不过，需要注意的是，HTML5 规范截至目前仍未最终定稿，并且它并非严格意义上的语义标记语言。
HTML6 展望
自定义标签
你是否曾期望能在 HTML 中使用自定义标签？例如，使用 <logo> 标签来显示网站的 logo，使用 <toolbar> 标签来展示工具栏。在 HTML5 中，我们常常使用 <div id="container"> 和 <div id="wrapper"> 来组织页面结构，而在 HTML6 里，我们有望直接运用 <container> 和 <wrapper> 这类自定义标签，使代码的语义更加清晰。
命名空间支持
和 XML 类似，HTML6 应当支持命名空间（namespace），例如：xmlns:xhtml="http://www.w3.org/1999/xhtml"。
HTML6 代码样例
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="HTML example with namespaces">
<html:link src="css/mainfile.css" title="Styles" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:body>
<header>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</html:a>
<html:a href="/img2">a2</html:a>
</nav>
</header>
<content>
<article>
<h1>Heading of main article</h1>
<h2>Sub-heading of main article</h2>
<p>[...]</p>
<p>[...]</p>
</article>
<article>
<h1>The concept of HTML6</h1>
<h2>Understanding the basics</h2>
<p>[...]</p>
</article>
</content>
<footer>
<copyright>This site is © to Anonymous 2014</copyright>
</footer>
</html:body>
</html:html>
在上述代码中，你可能会注意到一些特殊的 <html:x> 标签，这些标签是 W3C 和 HTML6 规范在命名空间中定义的。例如，<html:title> 用于设置浏览器标题栏的文字，<html:media> 用于显示图片等。用户可以自定义标签，方便 JavaScript 和 CSS 进行识别和处理，从而使页面代码更具可读性，语义更加明确。
HTML6 APIs
HTML6 的标签前带有命名空间，如 <html:html>、<html:head> 等。以下是对部分重要标签的详细介绍：
1. <html:html>
<!DOCTYPE html>
<html:html>
<!-- sample of HTML document -->
</html:html>
<html:html> 标签等同于之前 HTML 版本中的 <html> 标签。
2. <html:head>
<!DOCTYPE html>
<html:html>
<html:head>
<!-- Main content would come here, like the <html:title> tag -->
</html:head>
</html:html>
<html:head> 标签的功能与 <head> 标签相同。
3. <html:title>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
</html:html>
<html:title> 标签与 <title> 标签类似，用于设置页面的标题。
4. <html:meta>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:meta type="description" value="HTML example with namespaces">
</html:head>
</html:html>
<html:meta> 标签与 <meta> 标签类似，但在 HTML5 中，只能使用标准的元数据类型，如 “keywords”、“description”、“author” 等，而在 HTML6 中，可以使用任何元数据类型。
5. <html:link>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
</html:html>
<html:link> 标签与 HTML6 之前版本的 <link> 标签功能类似。
6. <html:body>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<!-- This is where your website content is placed -->
</html:body>
</html:html>
<html:body> 标签的作用与 <body> 标签相同，用于放置网站的内容。
7. <html:a>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<html:a href="http://siteurl">Go to siteurl.com!</html:a>
</html:body>
</html:html>
<html:a> 标签与 <a> 标签类似，不过 <html:a> 仅具有 “href” 这一个属性。
8. <html:button>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<html:button>Click Here</html:button>
</html:body>
</html:html>
<html:button> 标签与 <button> 及 <input type="button"> 的功能相同。
9. <html:media>
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>A Look Into HTML6</html:title>
</html:head>
<html:body>
<!-- Image would come here -->
<html:media src="img1/logo.jpg" type="image">
<!-- Video doesn't need a type -->
<html:media src="videos/slide.mov">
</html:body>
</html:html>
<html:media> 标签涵盖了 <img>、<video>、<embed> 等标签的所有功能。其优势在于，无需根据不同的媒体文件类型使用不同的标签，浏览器会从文件内容（类型属性、扩展名和 MIME type）中自动判断媒体类型。
标签类型(Tag types)概述
和 HTML5 一样，HTML6 也存在两种标签类型：单标签（single tag）和双标签（double tag）。示例如下：
<html:meta type="author" content="single tag">
<html:meta type="author" content="double tag" />