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
[...]
</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/GytLo.htm" title="网站 windows 无法访问，苹果和 Linux 可以访问">网站 windows 无法访问，苹果和 Linux 可以访问</a><p>近期在迁移一个 php 网站，部署好后发现该网站
1 、电信访问 http 和 https 都正常
2 、河南联通访问 https 正常但是无法 curl 提示被断开（ cur…</p></div><div><a href="https://www.hesudu.com/1239.htm" title="C++的字符串格式化库">C++的字符串格式化库</a><p>这里向大家介绍一个C++的字符串格式化库，叫cpptempl，这个库支持对字符串格式的条件，循环，变量插入。看上去很不错，只不过其是基于boost库的。
下面是一个例子：
//…</p></div><div><a href="https://www.hesudu.com/Oxnga.htm" title="8.2 版本 pve 大概率有问题">8.2 版本 pve 大概率有问题</a><p>重装过 2 次了, 每次都是 reboot 重启后 webui 打不开, 但是 ssh 还可以进去.
看了下都是 pvestated 服务起不来, 找了一堆教程搞不定, 算了放…</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/YLJ42.htm" title="Linux 内核的学习路径是什么样的？">Linux 内核的学习路径是什么样的？</a></li><li><a href="https://www.hesudu.com/F45jn.htm" title="Clash4Win 在疯狂下载数据，是什么情况？">Clash4Win 在疯狂下载数据，是什么情况？</a></li><li><a href="https://www.hesudu.com/a561s.htm" title="怎么规划自己每天的学习内容和时间比较好">怎么规划自己每天的学习内容和时间比较好</a></li><li><a href="https://www.hesudu.com/oFRxg.htm" title="iqoo 12 这手机怎么样">iqoo 12 这手机怎么样</a></li><li><a href="https://www.hesudu.com/JVTTp.htm" title="人生第二个网站又被判断为低价值网站[捂脸]">人生第二个网站又被判断为低价值网站[捂脸]</a></li><li><a href="https://www.hesudu.com/1262.htm" title="Linux的cycle日历（你懂的）">Linux的cycle日历（你懂的）</a></li><li><a href="https://www.hesudu.com/O0gY0.htm" title="WPS 真下头, 新版强制篡改资源管理器">WPS 真下头, 新版强制篡改资源管理器</a></li><li><a href="https://www.hesudu.com/6454T.htm" title="鸿蒙 next 的 app，积累的屎山都没了">鸿蒙 next 的 app，积累的屎山都没了</a></li><li><a href="https://www.hesudu.com/EnZPx.htm" title="现在有什么火绒替代品，不用强迫用户升级的">现在有什么火绒替代品，不用强迫用户升级的</a></li><li><a href="https://www.hesudu.com/TJHbj.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/svWIe.htm" title="需要高并发读取 xlsx 文件存入数据库怎么处理比较好">需要高并发读取 xlsx 文件存入数据库怎么处理比较好</a></li><li><a href="https://www.hesudu.com/qjm4F.htm" title="人再笨还能写不出内存安全的 C？">人再笨还能写不出内存安全的 C？</a></li><li><a href="https://www.hesudu.com/1052.htm" title="Google Maps API用法教程">Google Maps API用法教程</a></li><li><a href="https://www.hesudu.com/tzNCL.htm" title="各位写 C++有成就感吗">各位写 C++有成就感吗</a></li><li><a href="https://www.hesudu.com/889.htm" title="优秀程序员的十个习惯">优秀程序员的十个习惯</a></li><li><a href="https://www.hesudu.com/277.htm" title="请问大家在项目中是如何完成结构体之间的转换的，如： DTO --- VO">请问大家在项目中是如何完成结构体之间的转换的，如： DTO --- VO</a></li><li><a href="https://www.hesudu.com/Gfgtg.htm" title="非管理层打工人的 ToDoList 是不是个伪需求">非管理层打工人的 ToDoList 是不是个伪需求</a></li><li><a href="https://www.hesudu.com/LAHjn.htm" title="半个小时前， ollama 上线了目前单显卡里，最强的中小模型 gemma3">半个小时前， ollama 上线了目前单显卡里，最强的中小模型 gemma3</a></li><li><a href="https://www.hesudu.com/99.htm" title="迫于自己写的业务逻辑都太简单了，哪里可以看到真实场景的 Java 源码">迫于自己写的业务逻辑都太简单了，哪里可以看到真实场景的 Java 源码</a></li><li><a href="https://www.hesudu.com/h7W9F.htm" title="下载 huggingface 大模型有什么好方法吗">下载 huggingface 大模型有什么好方法吗</a></li></ul>
</section>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<p>2018-2026 © <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><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"25cef271bf704239a58e038c0b73e883","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
合速度