h5
h5概念:
html5狭隘的理解:html5是在html4的升级版本,多一些标签
html5广义的概念:html5代表着互联网技术的一个发展阶段,是一套前端技术的统称,包含HTML5、CSS3、H5提供的各种新的API
h5语法规范:
1.单标签可以省略关闭符号
2.双标签可以省略结束标签
3.骨架可以全部省略
注意:实际开发不要过于随意!!!
html5新增语义标签:
header 头部
nav 导航
section 区域
aside 侧边栏
article 文章
footer 底部
以上标签和div,span没有区别,只是具有表意性
html5语义标签不兼容ie678,可以引入htmlshiv.min.js插件解决
h5中新增classList类名操作
h5中每个元素添加了classList属性,classList属性将元素所有类名以伪数组的形式存储起来
操作标签的类名,只需要对这个伪数组进行增删查改即可
div.classList.add(); 添加类名
div.classList.remove(); 移除类名
div.classList.contains(); 判断是否包含指定类名
div.classList.toggle(); 切换指定类名
h5新增操作标签的自定义属性
h5中所有自定义属性需要以data-开头(语法规范)
在h5中,所有以data-开头的自定义属性,都会被包装到一个dataset对象中,dataset也是标签的一个属性
获取自定义属性:
浙公网安备 33010602011771号