html6

HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一，它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了

,
,
这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿，并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签？比如：使用来显示你的网站logo，还有使用来显示工具栏等等。我们经常使用

和
来组织页面，在 HTML6 里我们希望可以直接使用象和这样的自定义标签。

和 XML 一样，HTML6 应该支持 namespace（命名空间），如：xmlns:xhtml=”http://www.w3.org/1999/xhtml”

HTML6 代码样例：

A Look Into HTML6

Heading of main article

Sub-heading of main article

[...]

[...]

The concept of HTML6

Understanding the basics

[...]

This site is © to Anonymous 2014

</html:body>
</html:html>

在上面的代码中，你也许注意到了一些奇怪的标签，它们是 W3C 和 HTML6 规范中在命名空间里定义的标签。例如：负责设定你浏览器的标题栏文字，负责显示图片等等。用户可以自己定义标签以便 JavaScript 和 CSS 识别和处理，这样页面代码会更易读，语义更清晰。

HTML6 APIs

HTML6 的标签前带有命名空间，如：, 等等。

1.

<!DOCTYPE html>
<html:html>// this is equivalent to tag written in previous HTML versions

</html:html>

2. 和 标签一样。

<!DOCTYPE html>
<html:html>
<html:head>

</html:head>
</html:html>

3. 和 标签类似。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> </html:head><br> </html:html></p><p>4. <html:meta> 和 <meta> 标签类似，不同之处在于，在 HTML5 中你只能使用标准的元数据类型，如：”keywords”, “description”, “author”等，而在 HTML6 中你可以使用任何元数据类型。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> <html:meta type="description" value="HTML example with namespaces"><br> </html:head><br> </html:html></p><p>5. <html:link> 和 HTML6 之前版本的 <link> 标签类似。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> <html:link src="https://coolshell.cn/articles/js/mainfile.js" title="Script" type="text/javascript"><br> </html:head><br> </html:html></p><p>6. <html:body> 和 <body> 标签一样。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> </html:head><br> <html:body></p><p></html:body><br> </html:html></p><p>7. <html:a> 和 <a> 标签类似，区别是 <html:a> 只有 “href” 一个属性。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> </html:head><br> <html:body><br> <html:a href="http://siteurl">Go to siteurl.com!</html:a><br> </html:body><br> </html:html></p><p>8. <html：button> 和 <button> 及 <input type=”button”> 一样。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> </html:head><br> <html:body><br> <html:button>Click Here</html:button><br> </html:body><br> </html:html></p><p>9. <html:media> 涵盖 <img>, <video>, <embed> 等标签的所有功能。<html:media> 的好处是你不用根据不同的媒体文件类型使用不同的标签，媒体的类型由浏览器从文件内容（类型属性，扩展名，和MIME type）中来判断。</p><p><!DOCTYPE html><br> <html:html><br> <html:head><br> <html:title>A Look Into HTML6</html:title><br> </html:head><br> <html:body></p><p><html:media src="https://coolshell.cn/articles/img1/logo.jpg" type="image"></p><p><html:media src="https://coolshell.cn/articles/videos/slide.mov"><br> </html:body><br> </html:html></p><h3>标签类型(Tag types)概述</h3><p>和 HTML5 一样， HTML6 也有两种标签类型：单标签（single tag) 和双标签（double tag）</p><p><html:meta type="author" content="single tag"><br> <html:meta type="author" content="double tag" /></p><p>单标签不需要结束符’/’</p><h3>结语</h3><p>HTML6 规范还未发布，本文原作者 Oscar Godson 只是为我们提供了一个对 HTML6 规范的展望，或者说他希望 HTML6 能够支持的一些新特性。</p><p>原文链接：A Look Into HTML6 – What Is It, and What Does it Have to Offer?</p><p>转载于酷壳CoolShell 无删改 仅以此纪念陈皓(左耳朵耗子)</p></div> <div><div><a href="https://www.hesudu.com/EJggV.htm" title="公司要进行国产化数据库替代，之前公司所有项目采用的是 Mysql，各位 V 友有没有建议的国产化平替方案">公司要进行国产化数据库替代，之前公司所有项目采用的是 Mysql，各位 V 友有没有建议的国产化平替方案</a><p>公司要进行国产化数据库替代，之前公司所有项目采用的是 Mysql ，各位 V 友有没有建议的国产化平替方案 改动尽可能的要小，平滑迁移最好 刚想说 我们用的华为 gaussd…</p></div><div><a href="https://www.hesudu.com/580.htm" title="StackOverflow 前段时间发布了 2022 年开发者调查">StackOverflow 前段时间发布了 2022 年开发者调查</a><p>调查主要有意思的是开发人员情况，使用的技术以及工作相关，填写问卷主要是欧美和印度开发者居多。 当然也少不了喜闻乐见的语言 /技术 /框架的投票排名。原文在此 下面是我节选的一些…</p></div><div><a href="https://www.hesudu.com/844.htm" title="我想认真聊，寻找多位技术员一起创业，也是一次重新认识新朋友的机会">我想认真聊，寻找多位技术员一起创业，也是一次重新认识新朋友的机会</a><p>大家好，我是做国内彩票量化分析师，分析的彩票是：七星彩、排列五、福彩 3D ，大概有 12 年经验。我想认真找创业的，认真谈。 如果你： 1 、有很好的技术 2 、想把技术分…</p></div></div> <p class="tags"><a href="https://www.hesudu.com/tag/%E9%85%B7%E5%A3%B3/">酷壳</a> <a href="https://www.hesudu.com/tag/CoolShell/">CoolShell</a> <a href="https://www.hesudu.com/tag/%E9%99%88%E7%9A%93/">陈皓</a> <a href="https://www.hesudu.com/tag/%E5%B7%A6%E8%80%B3%E6%9C%B5%E8%80%97%E5%AD%90/">左耳朵耗子</a> <a href="https://www.hesudu.com/tag/%E9%85%B7%E5%A3%B3%E9%99%88%E7%9A%93/">酷壳陈皓</a> <a href="https://www.hesudu.com/tag/web/">web</a> <a href="https://www.hesudu.com/tag/web%E5%BC%80%E5%8F%91/">web开发</a> <a href="https://www.hesudu.com/tag/%E6%8A%80%E6%9C%AF%E8%AF%BB%E7%89%A9/">技术读物</a> <a href="https://www.hesudu.com/tag/html/">html</a> <a href="https://www.hesudu.com/tag/html6/">html6</a> <a href="https://www.hesudu.com/tag/html5/">html5</a></p> </article> <div class="post-near"> <span><a href="https://www.hesudu.com/1512.htm" title="Google Inbox如何跨平台重用代码？">Google Inbox如何跨平台重用代码？</a></span> <span class="you"><a href="https://www.hesudu.com/1514.htm" title="DHH 谈混合移动应用开发">DHH 谈混合移动应用开发</a></span> </div> </div> <div id="secondary" sidebar-fixed> <section class="widget"> <h3 class="ct">近期文章</h3> <ul class="widget-list alan"> <li><a href="https://www.hesudu.com/867.htm" title="读后感：真正编程的力量">读后感：真正编程的力量</a></li><li><a href="https://www.hesudu.com/LiX4E.htm" title="有大量的网站需要管理，有什么管理平台推荐么，开源的。">有大量的网站需要管理，有什么管理平台推荐么，开源的。</a></li><li><a href="https://www.hesudu.com/RHDtp.htm" title="有推荐的电信的流量套餐吗，优化出国网络质量用">有推荐的电信的流量套餐吗，优化出国网络质量用</a></li><li><a href="https://www.hesudu.com/22.htm" title="工作中该怎么改 bug？？">工作中该怎么改 bug？？</a></li><li><a href="https://www.hesudu.com/cYmoG.htm" title="不是很懂 NAS，有点问题想问一下。">不是很懂 NAS，有点问题想问一下。</a></li><li><a href="https://www.hesudu.com/883.htm" title="OMG, Jave的JMenu居然有433个方法">OMG, Jave的JMenu居然有433个方法</a></li><li><a href="https://www.hesudu.com/dohHc.htm" title="请问如何自己从 vscode 手搓 cursor（付费招人）">请问如何自己从 vscode 手搓 cursor（付费招人）</a></li><li><a href="https://www.hesudu.com/VkZon.htm" title="双路 XEON GOLD5220R, 64GB RAM 的 DELL 7920 工作站为什么用起来卡得要死">双路 XEON GOLD5220R, 64GB RAM 的 DELL 7920 工作站为什么用起来卡得要死</a></li><li><a href="https://www.hesudu.com/1244.htm" title="版本管理器的发展史">版本管理器的发展史</a></li><li><a href="https://www.hesudu.com/0xndx.htm" title="有喜欢用谷歌助理的吗？">有喜欢用谷歌助理的吗？</a></li></ul> <img src='https://www.hesudu.com/img/c1.jpg'> </section> <section class="widget"> <h3 class="ct">热门推荐</h3> <ul class="widget-list alan"> <li><a href="https://www.hesudu.com/736.htm" title="[Arc 浏览器] 有人想体验的不, 有 macOS 的包">[Arc 浏览器] 有人想体验的不, 有 macOS 的包</a></li><li><a href="https://www.hesudu.com/a27TF.htm" title="电脑内存都被谁占了">电脑内存都被谁占了</a></li><li><a href="https://www.hesudu.com/dzKBL.htm" title="苹果有统一的推送 APNs,那么 win 有类似的服务吗?">苹果有统一的推送 APNs,那么 win 有类似的服务吗?</a></li><li><a href="https://www.hesudu.com/610.htm" title="Linux 用了半个月还是逃回 macos 的几个疑问">Linux 用了半个月还是逃回 macos 的几个疑问</a></li><li><a href="https://www.hesudu.com/p4n6i.htm" title="Python 真的和 c 一样么">Python 真的和 c 一样么</a></li><li><a href="https://www.hesudu.com/LCUeO.htm" title="看到有人咨询和讨论双拼的话题，问下大家输入速度大约在什么水平">看到有人咨询和讨论双拼的话题，问下大家输入速度大约在什么水平</a></li><li><a href="https://www.hesudu.com/67riJ.htm" title="你们的 NAS 能访问 hub.docker.com 吗，反正我时折腾了半天，没办法了">你们的 NAS 能访问 hub.docker.com 吗，反正我时折腾了半天，没办法了</a></li><li><a href="https://www.hesudu.com/g2o3V.htm" title="自己开发项目，你觉得什么方式变现最简单？">自己开发项目，你觉得什么方式变现最简单？</a></li><li><a href="https://www.hesudu.com/83.htm" title="开源 github 和 V2EX 直连工具，求 star">开源 github 和 V2EX 直连工具，求 star</a></li><li><a href="https://www.hesudu.com/257.htm" title="求教： Go 语言框架有没有类似于 laravel 这种可以基本上大一统得？">求教： Go 语言框架有没有类似于 laravel 这种可以基本上大一统得？</a></li></ul> </section> </div> </div> </div> <footer id="footer"> <div class="container"> <p>2018-2025 © <a href="https://www.hesudu.com/">合速度</a> 合力而为 速度分享</p> </div> </footer> <div id="cornertool"> <ul> <li id="top" class="hidden"></li> </ul> </div> <script src="/img/main.js"></script> </body> </html>