HTML,超文本标记措辞,是一种用于创建网页的标准标记措辞。自从引入 HTML 以来,它就一贯用于构建互联网。与 JavaScript 和 CSS 一起,HTML 构成前端开拓的三剑客。
只管许多新技能使网站创建过程变得更大略、更高效,但 HTML 始终是核心。随着 HTML5 的遍及,在 2014 年,这种标记措辞发生了很多变革,变得更加友好,浏览器对新标准的支持热度也越来越高。而HTML并不止于此,还在不断发生变革,并且可能会得到一些特性来证明对 HTML6 的命名变动是合理的。
支持原生模式该元素<dialog> 将随 HTML6 一起供应。它被认为等同于用 JavaScript 开拓的模态,并且已经标准化,但只有少数浏览器完备支持。但这种征象会改变,很快它将在所有浏览器中得到支持。
这个元素在其默认格式下,只会将光标显示在它所在的位置上,但可以利用 JavaScript 打开模式。
<dialog> <form method="dialog"> <input type="submit" value="确定" /> <input type="submit" value="取消" /> </form></dialog>
在默认形式下,该元素创建一个灰色背景,其下方是非交互式内容。
可以在 <dialog> 个中的表单上利用一种方法,该方法将发送值并将其通报回自身 <dialog>。
总的来说,这个标签在用户交互和改进的界面中变得有益。
可以通过变动 <dialog> 标签的 open 属性以掌握打开和关闭。
<dialog open> <p>组件内容</p></dialog>
没有 JavaScript 的单页运用程序
FutureClaw 杂志主编 Bobby Mozumder 建议:
将锚元素链接到 JSON/XML、API 端点,让浏览器在内部将数据加载到新的数据构造中,然后浏览器将 DOM 元素更换为根据须要加载的任何数据。初始数据(以及标准缺点相应)可以放在标题装置中,如果须要,可以稍后更换。
据他先容,这是单页运用程序网页设计模式,可以提高相应速率和加载韶光,由于不须要加载 JavaScript。
这个是一个比较故意思的提案,就有点类似我们以前没有做前后端分离之前的稠浊编程的模式,HTML变成模板措辞,通过JSON API要求数据,不一样的是变成浏览器来默认解析,浏览器内部加载数据到新的数据构造中,然后浏览器将按需加载到的数据更换成 DOM 元素。
大家可以看一下InfoQ上的这篇文章《针对非正式 HTML6 提案“无需 JavaScript 的单页运用”引发的论战》,理解更多!
https://www.infoq.cn/article/2015/03/html6-without-javascript
自由调度图像大小HTML6 爱好者相信即将到来的更新将许可浏览器调度图像大小以得到更好的不雅观看体验。
每个浏览器都难以呈现相对付设备和屏幕尺寸的最佳图像尺寸,不幸的是,src 标签 img 在处理这个问题时不是很有效。
这个问题可以通过一个新标签 <srcset> 来办理,它使浏览器在多个图像之间进行选择的事情变得更加随意马虎。
专用库将可用库引入 HTML6 绝对是提高开拓效率的主要一步。
微格式很多时候,须要在互联网上定义一样平常信息,而这些一样平常信息可以是任何公开的信息,例如电话号码、姓名、地址等。微格式是能够定义一样平常数据的标准。微格式可以增强设计者的能力,并可以减少搜索引擎推断公共信息所需的努力。
自定义菜单只管标签<ul>、<ol>非常有用,但在某些情形下仍有一些不敷之处。可以处理交互元素的标签将是一个不错的选择。
这便是创建标签 <menu> 的驱动力,它可以处理按钮驱动的列表元素。
<menu type="toolbar"> <li><button>个人信息</button></li> <li><button>系统设置</button></li> <li><button>账号注销</button></li></menu>
因此 <menu>,除了能够像普通列表一样运行之外,还可以增强 HTML 列表的功能。
增强身份验证虽然HTML5在安全性方面还不错,浏览器和网络技能也供应了合理的保护。毫无疑问,在身份验证和安全领域还有很多事情可以做。如密钥可以异地存储;这将防止不受欢迎的人访问并支持身份验证。利用嵌入式密钥而不是 cookie,使数字署名更好等。
集成摄像头HTML6 许可以更好的办法利用设备上的相机和媒体。将能够掌握相机、它的效果、模式、全景图像、HDR 和其他属性。
总结没有什么是完美的,HTML 也不是完美的,以是 HTML 规范可以做很多事情来使它更好。该当对一些有用的规范进行标准化,以增强 HTML 的能力。小的变革已经开始推出。如增强蓝牙支持、p2p 文件传输、恶意软件保护、云存储集成,下一个 HTML 版本可以考虑一下。