HTML5新增的内容都有哪些?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5新增的内容都有哪些?相关的知识,希望对你有一定的参考价值。

参考技术A • h5 的语法

o DOCTYPE 可以使用小写,

o 单标签没有结束标签,

o 可以省略结束的标签: li、dt、dd、p、option、colgroup(用于对表格中的列进行组合,以便对其进行格式化)、thead、tbody、tfoot、 tr、td、tho ,

可以省略的标签 html head body tbody,

• 新增标签特点:语义化,ie8 及以下不生效

o header 标签头部,

o section 划分板块,

o article 与上下文无关的内容,

o aside 可以放侧边工具栏,

o nav 导航,

o figure 和 figcaption 类似于 dl 标签,

o footer 底部,

o main 比较重要的部分,

o mark 标记默认是黄色的高亮,可以修改样式内联10,

• 多媒体标签,

o 音频

内联,

controls 控件,autoplay 自动播放,谷歌不支持,火狐静音下支持, ie 支持,loop 循环播放,muted 静音播放,

o 视频

controls 控件autoplay: 自动播放,谷歌和火狐静音下支持 ,ie 支持,muted 静音播放,loop 循环,poster 未播放前显示的内容,

• 表单新增

o type 类型,

email 邮件格式,

number 限制输入是数字,

 min 最小值,

 max 最大值,

 step 每次增加的数,

url 地址路径或者网址都可以,

color 色块,

time 时间,

range 滑动条,

o 属性

required 必填,

placeholder 提示信息,

autocomplete 自动提示,

 on 提示 ,

off 不提示,

autofocus 自动聚焦,

只能写一个multiple ,

多选pattern ,

正则限制输入的内容类型限制输入 0-9 之间的数,

以上是我个人对 H5新增内容的总结,希望对大家有所帮助。

以上是关于HTML5新增的内容都有哪些?的主要内容,如果未能解决你的问题,请参考以下文章

html5里面新增的用于网页布局的标签都有哪些

html5的语义化标签都有哪些及其作用

html5的语义化标签都有哪些及其作用?

HTML5都有哪些新的表单属性

html5都有哪些新特性,移除了那些元素

HTML5的新增功能有哪些?