[自学第六天] 笔记小结

1. HTML5由W3C和WHAT组织机构共同研发出来的,于2014年正式发布.
2. HTML5成为了新一代网页开发标准.
3. HTML5新特性(面试)
   1. 增加了audio和video音频视频播放,抛弃了Flash
   2. 新增了canvas画布(绘画,制作动画(如小游戏开发等))
   3. 地理定位
   4. 增加了离线缓存
   5. 硬件加速
   6. Web Socket(全双工通信)
   7. 增加了本地存储
   8. 新增了一些语义化标签
4. 网页布局标签
   header:页首
   nav:导航栏
   aside:侧边栏
   main:主体
   section:区块
   article:文章
   footer:页尾
5. 语义化标签
   1. mark:高亮显示(行级)
   2. details(描述)与summary(摘要):一般用于名词解释或用于封装一个区块等
   3. meter:定义度量衡
      属性:value/min/max
   4. progress:进度条 属性:value/min/max
   5. dialog:对话框或窗口
   6. figure:用于对元素进行组合,(一般用来组合一张图的标题、图片和图片描述等)
6. HTML5多媒体
   1. audio 播放音乐或音频.IE9以下的版本不支持. a) 支持的格式 .mp3/.ogg/.wav b) 属性
      src:文件路径
      autoplay:自动播放
      loop:循环
      controls:控制条
      muted:静音
      preload:预加载 (当使用autoplay时,preload自动失效)
   2. video
      加载视频.IE9以下的版本不支持. a)支持的格式 .mp4/.ogg/.webm b)属性
      src:文件路径
      autoplay:自动播放
      loop:循环
      controls:控制条
      muted:静音
      preload:预加载 (当使用autoplay时,preload自动失效)
      width:宽度
      height:高度
      poster:海报
   3. embed:
      嵌入内容或加载插件.
      属性:
      src:文件路径
      width:宽度
      height:高度
      type:类型
   4. canvas 画布.是一个容器元素. 注意:
      a. 单独使用canvas没有什么意义,它必须结合JavaScript使用.它的具体功能体现是通过 JavaScript体现来的.
      b. canvas的宽高最好不要通过css实现,而是直接使用标签属性width和height实现.
7. HTML5常用属性
   1. contentEditable 将标签转换为可编辑状态.可用于所有标签.它的值有true/false.
   2. hidden 对元素隐藏.一般用来传值或当某个条件成立时,执行内容显示.默认值为hidden.
   3. data-*:
      用于存储页面或应用程序的私有自定义数据.一般用于传值.
   4. multiple 规定输入域中可选择多个内容.用于表单组件中,如file/select.
   5. required 约束表单元素在提交前必须输入值.用于表单组件中,需要结合提交按钮使用.
   6. pattern:用于验证输入字段的模式.用于表单组件中,需要结合提交按钮使用.
8. 表单组件
   1. color:颜色
   2. email:邮箱
   3. tel:电话号码
   4. url:网址
   5. number:输入数字
   6. range:范围
   7. search:搜索
   8. date:日期
   9. datetime:日期时间
   10. datetime-logo:本地日期时间
   11. year:年份
   12. month:月份
   13. time:时间
9. 表单属性
   1. formaction:修改action(数据提交的地方)
   2. formenctype:修改表单请求的类型
   3. formmethod:修改数据提交的方法
   4. form:设置表单元素属于哪一个表单
   5. novalidate:不验证
10. input属性
    1. autocomplete:自动完成
       用来帮助用户输入,每一次输入的内容,浏览器是否保存输入的值,以备将来使用.值有:
       on/off,默认为on.
       为了保护敏感数据(如用户账号、密码等),避免本地浏览器对它们不安全存储,一般需要关闭.
    2. autofocus:自动获焦
    3. step:步长
    4. mutiple:多选
    5. parttern:正则匹配
    6. placeholder:输入提示
    7. required:必须输入

2019-10-17