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/934.htm" title="早期XML Schema中的open content模型">早期XML Schema中的open content模型</a><p>摘要:在看SDO的一些规范文档,可能会出现open content这样的词组,上网查了相关资料,发现这是一种XML Schema的模型,本文就描述了XML Schema的Ope…</p></div><div><a href="https://www.hesudu.com/HFlAy.htm" title="最近在计划用 rust 重写 xxl-job 服务,顺便写了一个 xxl-job 的 rusk sdk: xxljob-sdk-rs">最近在计划用 rust 重写 xxl-job 服务,顺便写了一个 xxl-job 的 rusk sdk: xxljob-sdk-rs</a><p>本人是 r-nacos 作者,在完成 rust 重写 nacos 服务主体功能后,最近在计划用 rust 重写 xxl-job 服务。 本人在写服务端前习惯写个客户端,方便深入…</p></div><div><a href="https://www.hesudu.com/mXpbY.htm" title="李跳跳规则">李跳跳规则</a><p>李跳跳规则之前的那个人删库了 现在还有什么跳广告的推荐 并没有删库,只是最新 commit 没有文件而已,换一个 commit 节点就行 github.com/Snoopy1…</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/120.htm" title="运维大佬,熟悉docker swarm的也来看看">运维大佬,熟悉docker swarm的也来看看</a></li><li><a href="https://www.hesudu.com/yMqJZ.htm" title="2023 年底安卓手机选购调研">2023 年底安卓手机选购调研</a></li><li><a href="https://www.hesudu.com/ZkxBV.htm" title="Google Voice 号码还有没有用?">Google Voice 号码还有没有用?</a></li><li><a href="https://www.hesudu.com/657.htm" title="[请教]是否能够不分发私钥,实现多人共享 ssh 验证?">[请教]是否能够不分发私钥,实现多人共享 ssh 验证?</a></li><li><a href="https://www.hesudu.com/929.htm" title="使用Google API做统计图">使用Google API做统计图</a></li><li><a href="https://www.hesudu.com/615.htm" title="JS axios async/await 好像只能返回 promise">JS axios async/await 好像只能返回 promise</a></li><li><a href="https://www.hesudu.com/28.htm" title="windows10 上有没有快速调节系统缩放的工具">windows10 上有没有快速调节系统缩放的工具</a></li><li><a href="https://www.hesudu.com/k32IG.htm" title="机房托管的戴尔 R630 下架了,准备放家里用有什么需要注意的吗?">机房托管的戴尔 R630 下架了,准备放家里用有什么需要注意的吗?</a></li><li><a href="https://www.hesudu.com/1531.htm" title="技术人员的发展之路">技术人员的发展之路</a></li><li><a href="https://www.hesudu.com/Cd8ga.htm" title="现在国产开源都这么玩了吗,不 star 文档不给看?">现在国产开源都这么玩了吗,不 star 文档不给看?</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/773.htm" title="真心想建个社区,求老哥们给点建议~~~~">真心想建个社区,求老哥们给点建议~~~~</a></li><li><a href="https://www.hesudu.com/4oDRt.htm" title="v 友们的轻量云服务器续费了没?">v 友们的轻量云服务器续费了没?</a></li><li><a href="https://www.hesudu.com/gXskZ.htm" title="云计算革了运维的命, 现在大模型革了程序员的命">云计算革了运维的命, 现在大模型革了程序员的命</a></li><li><a href="https://www.hesudu.com/LHR5E.htm" title="怎么分析自已的电脑需要多核 CPU,还是高主频少核 CPU">怎么分析自已的电脑需要多核 CPU,还是高主频少核 CPU</a></li><li><a href="https://www.hesudu.com/764.htm" title="技能交换有人感兴趣不?你做帮我做博客后台,我给你出设计和前端开发">技能交换有人感兴趣不?你做帮我做博客后台,我给你出设计和前端开发</a></li><li><a href="https://www.hesudu.com/1603.htm" title="开车时间不久的司机如何高效的有遇见性的看地图导航">开车时间不久的司机如何高效的有遇见性的看地图导航</a></li><li><a href="https://www.hesudu.com/zY8I0.htm" title="[困惑] 写好的 Python 应用如何分发?">[困惑] 写好的 Python 应用如何分发?</a></li><li><a href="https://www.hesudu.com/U5Ekd.htm" title="大环境不好待机三个月了,用这段时间梭哈了一个项目,大家帮忙用户+1">大环境不好待机三个月了,用这段时间梭哈了一个项目,大家帮忙用户+1</a></li><li><a href="https://www.hesudu.com/181.htm" title="求助:.NET Core WebAPI 框架自动生成的 Controller 中的 get 全部对象的方法执行太慢">求助:.NET Core WebAPI 框架自动生成的 Controller 中的 get 全部对象的方法执行太慢</a></li><li><a href="https://www.hesudu.com/1411.htm" title="做个环保主义的程序员">做个环保主义的程序员</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>