HTML 5.1 揭晓:14 个新功能解释和实际用途
HTML5 属于万维网联盟 (W3C),该联盟提供跨网络的标准,以便世界各地的协议可以相互访问。 2016 年 11 月,W3C 更新了长期运行的 HTML 5,这是 2 年来的首次小更新。由于设计错误和缺乏浏览器供应商支持,许多最初的 HTML 5.1 功能被放弃。
尽管 HTML 5.1 带来了一些元素和改进,但这仍然是一个小更新。一些新元素包含组合标签,现在包括
W3C 已经开始制定 HTML 5.2 草案,预计将于 2017 年底发布。与此同时,我们将介绍 5.1 版本中引入的一些有趣的新功能和改进。您无需接触 JavaScript 即可使用这些功能。 并非所有浏览器都支持这些功能,因此最好在生产中使用它们之前检查浏览器支持情况。
14。防止网络钓鱼攻击
大多数使用 target='_blank' 的人都不知道一个奇怪的事实 - 新打开的标签可以将 window.opener.location 更改为某些网络钓鱼页面。它会代表您在打开页面上执行一些恶意 JavaScript 代码。因为用户信任已经打开的页面,所以他们不会产生怀疑。
为了完全消除这个问题,HTML 5.1 标准化了 rel=”noopener” 属性的使用,该属性分隔浏览器上下文。 rel=”noopener” 可以在 和 标记内使用。
<前>01前>阅读:面向设计师的 24 个 CSS3 和 HTML5 动画工具
13。灵活处理图片标题
HTML5.1 放宽了此限制,现在您可以在
12。拼写检查
拼写检查是一个枚举属性,其关键字是空字符串、true 和 false。 true 状态表示要检查该元素的拼写和语法。
element.forceSpellCheck() 强制用户代理报告文本元素上的拼写和语法错误,即使用户从未聚焦该元素。
11。空选项
新版本的 HTML 允许您创建空的
10。允许框架全屏
为框架开发的布尔值allowfullscreen属性允许您使用requestFullscreen()方法控制内容是否可以全屏显示。例如,我们以嵌入 YouTube 播放器的 iframe 为例。需要allowfullscreen属性才能使播放器全屏显示其视频。
<前>32前>9。嵌套页眉和页脚
HTML 5.1 允许您将页眉和页脚嵌套在另一个页眉中。 如果页眉或页脚本身包含在分区内容中,您可以将页眉或页脚添加到页眉元素中。
如果您想向语义分段元素(例如
在下面给出的代码中,
8。零宽度图像
新的 HTML 版本允许您添加零尺寸的图像。当图像不适合用户时使用此功能。如果 img 元素用于显示图像以外的目的,例如,作为计算页面浏览量的服务的一部分,请使用值为 0 的 width 和 height 属性。对于零宽度图像,建议使用空属性。
<前>58前>7。验证表单
新的reportValidity()方法允许您验证表单并检索结果,并直接在浏览器中向用户报告错误。如果元素同时遇到多个问题,用户代理可能会报告多个约束违规。在本例中,“密码”输入应标记为错误,因为它是强制性的,但为空。
<前>61前>6。浏览器的上下文菜单
在 HTML 5.1 中,您可以使用