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也是标签的一个属性
获取自定义属性:

 

posted @ 2020-09-04 12:43  MIKE-CHOW  阅读(229)  评论(0)    收藏  举报