HTML5 基础学习

简介: 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'); // 切换类名 ```


  • 标签自定义属性 ```

```


相关文章
|
3月前
|
存储 数据安全/隐私保护
走进HTML学习二
走进HTML学习二
|
4月前
|
前端开发
【前端学习从青铜到王者】—HTML常用标签(二)
【前端学习从青铜到王者】—HTML常用标签(二)
|
4月前
|
前端开发
【前端学习从青铜到王者】—HTML介绍(一)
【前端学习从青铜到王者】—HTML介绍(一)
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
65 1
|
3月前
|
XML JavaScript 前端开发
走进HTML学习一
走进HTML学习一
|
3月前
|
移动开发 Python HTML5
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
Python办公自动化【发送普通邮件、发送HTML邮件、发送附件邮件-smtplib、批量发送邮件-smtplib、发送邮件-zmail】(八)-全面详解(学习总结---从入门到深化)
47 0
|
3月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
33 0
|
3月前
|
移动开发 JavaScript 前端开发
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
43 0