这篇文章主要介绍了HTML5.2版本有什么变化,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
W3C HTML 5.2 规范中, 有一节 介绍该版本引入的修改,我综合来自 《What’s New in HTML 5.2?》 这篇文章的描述,在此列举对我来说比较重要的部分。
新特性
原生
对话框在平时开发中,使用较为频繁,HTML 5.2 规范提供了
Dialog Title Dialog content and other stuff will go here
Dialog content and other stuff will go here
添加open 属性即可显示。
open
HTMLDialogElement 是
show()
close()
showModal()
Open Dialog Close Dialog Dialog Title Dialog content and other stuff will go here
show() 与 showModal() 不同之处在于,showModal() 创建是一个模态框,打开时默认不能操作背后页面里的内容;而 show() 是以弹框形式显示的。
allowpaymentrequest 属性
allowpaymentrequest
现在可以为 添加 allowpaymentrequest 属性的方式,允许 内部网页使用 Payment Request API 。
rel="apple-touch-icon"
我们使用 指定网页 icon,除此之外它还支持使用 sizes 属性,定义不同的尺寸的 icon,供浏览器在显示是择优显示。
sizes
HTML 5.2 之前,苹果 iOS 设备并不支持 的sizes 属性,而是使用 apple-touch-iconrel 来支持在自家设备上显示网页或安装网页应用(比如 PWA)时使用的 icon。
rel
现在规范承认了apple-touch-icon 这个rel 值,并且支持在这个 上设置sizes 属性。
apple-touch-icon
新的有效实践
多个 标签
HTML 5.2 之前,一个页面只能存在一个 标签,用来表示某个页面独一无二的主题内容。不过,从 HTML 5.2 版本开始,允许一个页面中同时存在多个 标签,不过只能有一个显示的,其他都要用hidden 属性隐藏。
hidden
... ... ...
注意,其他不显示的 都要使用hidden 属性隐藏,使用 display: none; 或visibility: hidden; 的方式的隐藏都是无效的。
display: none;
visibility: hidden;
内
之前都是只能在 内定义的,不过随着 component-ized 开发模式的增长,将组件样式就近写在组件结构旁边的模式开始流行起来。
HTML 5.2 允许在 内使用 标签,就近定义结构样式。
I’m cornflowerblue! I’m cornflowerblue!
I’m cornflowerblue!
但好还是不要这样做,把样式写在 中是更推荐的做法。规范中提到:
A style element should preferably be used in the head of the document. The use of style in the body of the document may cause restyling, trigger layout and/or cause repainting, and hence, should be used with care.
即 内的 可能会导致之前元素的布局改变,令页面发生重绘。所以尽量避免使用。
中可使用标题元素
用在 标签中作标题使用, 则用在 中,为表单域编组。
下面是一个例子:
HTML 5.2 之前, 中只能使用纯文本,HTML 5.2 开始,可以使用标题元素了。
移除特性
、 和 元素
文本 的 inputmode 和 dropzone 属性
inputmode
dropzone
widow.showModalDialog() 方法
widow.showModalDialog()
新的无效实践
中的无效内容
以下三类元素不能作为 段落的内容。
行内块、表格元素(Inline blocks、inline tables)
浮动元素(floated)
定位元素(positioned block-level elements)
strict doctype
HTML4 和 XHTML1 的严格文档类型声明(strict doctype)不再是有效 HTML。
html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
感谢你能够认真阅读完这篇文章,希望小编分享的“HTML5.2版本有什么变化”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
现在虽然是移动互联网时代,但企业网站依然重要,包含PC站点,移动站。可以说企业网站关系企业的未来发展和前途,尤其对中小企业更是如此,一些中小企业老板,对自己的名片很在乎,因为这是个门面。...
用我们的专业和诚信赢得您的信赖,从PC到移动互联网均有您想要的服务!
如遇占线或暂未接听请拨:136xxx98888