[图片上传中。。。（1）]http://123.w3cschool.cn/plk2fihttp://123.w3cschool.cn/plk2fi
Markdown
用普通文本描述富文本的语法
扩展名md,markdown
HTML5之HTML篇回顾
1.标记：元素、属性和值
HTML包括三种成分：
- 元素：element
- 属性：attribute
- 值：value
- 新标签
- 语义化标签
- 新属性
- 链接关系描述
- ARIA 无障碍富互联网应用程序属性
- 自定义属性 data-
- 可以给HTML里的所有DOM对象都可以添加一些DATA-xxx的属性
- 用来记录与当前DOM强相关的数据
- 智能表单
- 新的表单类型
- 功能型的表单类型
- 虚拟键盘适配
- 通过type方式指定弹出键盘
- 新的表单类型
- 网页多媒体
- 之前强依赖flash
- 音频
- 多媒体的dom对象有一些新的方法可以去做播放暂停
- 视频
- 了解字幕
- SVG 文件基本使用
- iframe
- iframe的作用就是在网页中挖个坑，在这个坑里再展示一个页面
- svg本身也是文档 所以可以使用iframe的方式载入
- ajax 直接可以修改样式
- iframe
JavaScript
2.1. 基础API提升
2.1.1 新选择器
JS多了一个原始支持，类似jqueryDOM选择器
document.getElementById() 需要给DOM元素设置ID
document.querySelector(selector) 可以通过CSS选择器的语法找到DOM元素
document.getElementsByTagName()
document.querySelectorAll('.item')
$('.item').on
- document.querySelector(selector);
- 返回第一个满足选择器条件的元素 一个dom对象
- document.querySelectorAll('.item');
- 返回所有满足该条件的元素 一个元素类型是dom类型的数组
- $('.item')
- 返回一个jQuery对象（dom元素的数组）
- 本质上jquery方式和qs方式都是获取DOM数组， 只不过jquery会多一些其他成员
- DOM数组的每一个成员注册事件不能像jquery一样直接注册， 必须分别给每个元素注册
- h5就是将我们经常需要的操作又包装一层
2.1.2 元素.classList
- 新H5中DOM对象多了一个classList属性，是一个数组
- add 添加一个新的类名
- remove 删除一个的类名
- contains 判断是否包含一个指定的类名
- toggle 切换一个class element.toggle('class-name',[add_or_remove])
- toggle函数的第二个参数true为添加 false删除
2.1.3 访问历史 API
界面上的所有JS操作不会被浏览器记住，就无法回到之前的状态
在HTML5中可以通过window.history操作访问历史状态，让一个页面可以有多个历史状态
- window.history.forward(); // 前进
- window.history.back(); // 后退
- window.history.go(); // 刷新
- 通过JS可以加入一个访问状态
- history.pushState(放入历史中的状态数据, 设置title(现在浏览器不支持)， 改变历史状态)
2.1.4 全屏 API
JavaScript中可以通过调用requestFullScreen()方式实现指定元素的全屏显示
var element = document.querySelector('...');
element.requestFullScreen();
推荐较全面的 学习网站：
https://123.w3cschool.cn/plk2fi
