html5

html5：

html4.1
网页开发：
结构: html4.0
样式：css css2
行为：js

HTML5:　是HTML4的升级版本(狭义)

    结构：html5
    样式：css3
    行为：js API 有所增强  地理定位 web存储 拖拽

HTML5广义的概念: 代表着浏览器技术发展的一阶段，HTML5+CSS3+js API 一套前端技术的组合；

新增语义化标签

    header 头部
    nav  导航
    section  区域
    aside  侧边栏
    article 文章
    footer 底部
    progress  进度条

表单

表单类型： type="text"
   email
   tel
   url
   search
   number  step:步长
   color
   range  value   max min
   time
   date
   month
   week

   有兼容性问题

   表单元素：
    
    数据列表
    

    
  输出信息
       生成密钥的 用于表单安全传输
     度量器  max   min  value  low  high
     进度条  max   min  value

    表单属性：
    placeholder:提示文字
    autofocus:自动聚焦
    autocomplete：自动完成（填充）  on 开启（默认）   off 取消提示
    required:必填
    multiple: 多选
    novalidate: 关闭表单的默认验证功能 用于form
    pattern:  自定义正则验证 pattern="\D+";

    表单事件：
    oninput:当用户输入时 触发
    oninvalid:当验证不通过是触发-->设置验证不通过时的提示文字

多媒体

 在网页上播放 多媒体 必须依赖于第三方 插件
        mediaplay:
        快播：
        falsh插件：

        H5里面提供了 视频 和 音频的标签
        audio  video

DOM拓展

 document 对象    文档对象

    当在浏览器中 打开一个页面后， 浏览器首先会来解析我们的 网页，把解析出来的数据，存放到一个DOM对象中；
    document.getElmentById();

    在H5中 DOM新增的功能：

    jquery---
    $('.box');
    $('#box');
    $('div.box);
    $('div p');

   获取单个元素：
    document.querySelector('.box‘);

    获取所有符合条件的元素：  返回的数组
    document.querySeletorAll('.box');

    控制类名的API：
    node.classList.add();添加类名
    node.classList.remove()；删除类名
    node.classlist.contains();判断是否包含指定的类名
    node.classList.toggle()；切换指定的类名