HTML 规范未来还需要哪些新内容?

时间: 2019-08-18阅读: 97标签: 规范

HTML5 规范在 2014 年正式发布。时至今日,虽然这一规范已经引入了许多新的 API、功能和改进,但许多开发人员已经在展望下一代 HTML 规范了。


一点点背景介绍

有些人还是不知道 HTML 标准是怎样制定出来的。具体来说,一些组织提出自己的模式和协议,希望浏览器接受并使用它们;但很显然,唯一真正有话语权的组织是 W3C 。所以 W3C 来分析 Web 世界需要什么,然后他们编写并规划一些语言指南,这些指南最后将成为浏览器的标准。

早在 Internet Explorer 时代 W3C 就已经成立了,但微软其实并不关心什么标准规范,他们只是我行我素而已。这种状态一直持续到谷歌 Chrome 诞生,后者改变了游戏规则。是的,谷歌浏览器有时也不在乎标准规范,但起码它会带来一些不错的内容,那么 W3C 最后就会把这些内容塞进 HTML 标准文档里。谷歌的力量是很强大的。


HTML6 真正需要的功能

好吧,我知道其实根本就不会有所谓的 HTML6 版本。还有一件事情可能会更让你惊讶,那就是今天我们用的也不是 HTML5 标准,因为这个标准是在实时更新中的,被称为“动态标准”。现在我们正在使用的是 HTML5.2,而 Web 开发工作会关注未来将要用到的 HTML 规范。所以我们迟早有一天会进化到下一代 HTML 标准时代,但这种进化是渐进的,不会一夜之间完成。

既然如此,下面我会提出一些我希望未来的标准能实现的功能。

更多原生元素

如果我们想要使用用户设备的相机,正确的方法是先捕获视频流,然后将其显示到一个视频元素中,然后拍下一张快照,再把快照的这帧图片绘制到画布中。这听起来比我们期望的步骤要复杂不少。

在下一个 HTML 正式版本中,我们应该能够更轻松地处理更多原生组件,从而制作水平更高的的 Web 应用程序和 PWA(渐进式 Web 应用程序),最终实现史蒂夫乔布斯的梦想。

这些元素将带有自己的 API,其中一些甚至不需要 HTML 元素,如 NFC、联系人、短信或 VR 访问等。

新元素

Web 开发产业已经证明 Web 技术不仅可以用来构建网站,还可以构建复杂的 Web 应用程序和界面;因此为了更好地管理我们的 DOM,我们应该有更专门化的标签。

我们可以不用带有 id 属性的 <div> ,改为在 CSS 样式表中处理效果会更好。一些开发人员建议我们可以通过名称标签直接调用 id,但我真的不认为这是一个好主意。

<router></router>
<script>
varelement =document.getElementById(“router”);
</script>

其实这没什么用途,因为我们已经有了 getElementByName(),而且它会让我们区分自己的标签和 HTML 原生标签,后果会很糟糕。

vartag= document.getElementsByName(“tag”);

你之前看过相关内容的话,可能已经知道有一种方案提出了一种新的标记来处理专用的原生 html 标签,但这种方法既没什么用又很占地方,会让网站变得更加臃肿,性能却没有提升。

我的解决方案就是一如既往继续使用标签,但使用新标签来帮助响应式编程、网页设计师和开发人员创建更好的网页布局。

记住 KISS 原则,保持简单,大智若愚。

预处理器

我不是很喜欢这个东西,但很多开发人员都很喜欢它,所以它应该是个不错的功能。它能改善 Web 编码效率,即使这增加了 CPU 占用率,但很多开发人员也愿意承受这点代价。

很显然,能缩短开发时间是再好不过了。

不要只用 JavaScript

我知道至少在今天这是不可能做到的,我也根本不需要这个功能,但如果开发人员能在脚本标记中写下其他语言的名字,除了 JavaScript 还能用其他语言的话也是很不错的。

<scripttype=”text/python”>
el= dom.elementId(“Element”)
el.html(“Thislinewillbeprinted in the element”)
</script>

这将真正改变游戏规则,因为一夜之间就会有大批新人涌进 Web 开发产业,这是非常好的事情。一些 Java 开发人员也能用上他们啰哩啰嗦的语法了。

<scripttype=”text/java”>
importhtml;

classMain{
publicstaticvoidmain(String args[]){
element div = html.doc.getElementById(“element”);
div.write(“Element display text”);
}
}
</script>


小结

本文总结了一些未来的 HTML 真正需要的功能,这些功能可以改善 Web 开发工作,我希望起码其中的一两项功能很快就和我们见面,这样 Web 技术就能继续作为软件开发产业的表率发展下去了。

英文原文: https://itnext.io/what-html6-really-needs-living-standard-be0d962a7997


吐血推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入...

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入...

3.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

链接: http://www.fly63.com/article/detial/4978

Js ES6编码规范

本章节讨论使用ES6编码风格到代码中需要注意的点。通过记住这些关键点,可以让我们写出更优美的、可读性更强的JavaScript E6风格的代码。ES6 提出了两个新的声明变量的命令: let 和 const。

分享一份大佬的MySQL数据库设计规范,值得收藏

MySQL数据库与 Oracle、 SQL Server 等数据库相比,有其内核上的优势与劣势。我们在使用MySQL数据库的时候需要遵循一定规范,扬长避短。无意中从github上看到一个大佬的MySQL数据库设计规范

CSS的BEM规范学习

块中的子元素是块的子元素,并且子元素的子元素在 bem 里也被认为是块的直接子元素。一个块中元素的类名必须用父级块的名称作为前缀。如上面的例子,li.item 是列表的一个子元素

Web前端开发规范手册

文件命名规则:文件名称统一用小写的英文字母、数字和下划线的组合。引文件统一使用index.htm index.html index.asp文件名(小写),图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质

为什么有的编程规范要求用 void 0 代替 undefined?

Undefined 类型表示未定义,它的类型只有一个值,就是 undefined。任何变量在被赋值前它的值都是 undefined,但是在 JavaScript 引擎中,undefined 是一个变量而非关键字。

CSS的书写规范和顺序

关于CSS的书写规范和顺序,是大部分前端er都必须要攻克的一门关卡,如果没有按照良好的CSS书写规范来写CSS代码,会影响代码的阅读体验。这里总结了一个CSS书写规范、CSS书写顺序供大家参考

实际项目中用Redis要注意哪些规范?

Redis功能强大,数据类型丰富,再快的系统,也经不住疯狂的滥用。通过禁用部分高风险功能,并挂上开发的枷锁,业务更能够以简洁、通用的思想去考虑问题,而不是绑定在某种实现上。

一份完整的MySQL开发规范,进大厂必看!

所有数据库对象名称必须使用小写字母并用下划线分割;所有数据库对象名称禁止使用mysql保留关键字(如果表名中包含关键字查询时,需要将其用单引号括起来);数据库对象的命名要能做到见名识意

Css中bem书写规范

bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的块,从而使开发复杂的UI界面变得更简单和快,且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系:

前端模块化规范

JavaScript 发展初期,代码简单地堆积在一起,只要能顺利地从上往下一次执行即可。但随着网站越来越复杂,实现网站功能的 JavaScript 代码也越来越庞大,网页越来越像桌面程序,很多问题开始暴露出来,比如全局变量冲突

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全