HTML5 基础学习

• <= ie8 的浏览器不支持 html5，css3 的使用。

// 解决办法，引入 html5shiv.min.js 文件：

• html5shiv.js 和 respond.min.js

• DOM扩展 - 获取标签
  document 文档对象。
  当在浏览器中打开一个页面后，浏览器首先会来解析我们的网页，把解析出来的数据，存放到一个DOM对象中；
  然后获取指定标签需要这样写：

// js:
document.getElmentById('box');

// jquery :
\$('.box');
\$('#box');
\$('div.box');
\$('div p');

// h5 js:
// 只会获取符合条件的第一个元素，返回元素
document.querySelector('.box');
// 获取所有符合条件的元素, 返回数组元素
document.querySelectorAll('.box');

• DOM扩展 - 类名操作

// js:
box.className="active";

// jquery :
box.addClass();
box.removeClass();
box.hasClass(); // 是否包含类名
box.toggleClass(); // 切换类名

// h5 js:
box.classList.add('active');
box.classList.remove('active');
box.classList.contains('active'); // 是否包含类名
box.classList.toggle('active'); // 切换类名

• 标签自定义属性