HTML5_Java

HTML5

H5新增标签
- 简介
  - HTML5是一个新的网络标准，仍处于发展阶段。目标是取代HTML4.01和XHTML，对搜索引擎更友好；
- 历程
  - 04年提出构想，22年正式发布
- 新特征
  - 语义
  - 多媒体
  - 离线存储
  - 三维、图形与特效
  - 设备通用……
语义化标签
- 块元素
  - 布局性标签
    - 定义头部
    - 定义导航
    - 主体内容，网页内只能出现一次，不能作为其他标签的子元素
    - 定义了文档的某个区域
    - 定义了独立内容，内容本身有意义
    - 侧边栏，当做文章的侧栏，与其他内容相关
    - 底部，脚注
  - 结构性标签
    - 标题
      规定独立的流内容（可为图表、图像、视频等）
    - 达到鼠标交互的效果，内面的内容默认情况下用“详情”表示，如需更改，内部嵌套
      概要
- 行内元素
  - 以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
  - 标注标记，让标记的内容以高亮的形式显示
- 行内块元素
  - 显示进度条效果50%
  - 度量衡，如显示磁盘使用情况,小于low绿色，大于low小于high黄色，大于high红色
  - 与< input list=""> 的新属性list(list与id的值保持一致，建立联系)一起使用可以创建组合框，双击input的时候可以提供选项让用户选择，类似历史记录一样。datalist里面嵌套使用，其中value 不能为空
- 表单标签
  - 输入域
    - input类型-email用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。
    - Input 类型 - URL用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
    - Input 类型 - number类型用于应该包含数值的输入域。还能够设定对所接受的数字的限定min 、max、 step(步长，规定合法的数字间隔)、value规定默认值
    - Input 类型 - search搜索框
    - Input 类型 -tel电话号码，其中属性pattern可定义输入的格式
      - [0-9] d
      - [A-Za-z0-9_] w
      - pattern="d{17}(d|x|X)"输入18位数，前17位由数字组成，最后一位为数字或x或X
      - pattern="1d{10}" 输入以1开头的11位数字
  - 非输入域
    - 6个时间控件
      - date 年月日
      - month 年月
      - week 年周
      - time 时分
      - datetime UTC时间
      - datetime-local 本地时间
    - 进度条 range
    - 拾色器 color value可定义初始值，值为16进制且不能简写
  - 相关属性
    - autofocus自动获取焦点，如百度文本框
    - autocomplete自动补全，默认值on开启，off关闭
网站加视频Video、音频Audio
- 引入音频
  - controls 用来显示音频或视频的控件
  - poster添加视频封面，直接写路径
  - src也可用来替换，表示文件的兼容
- 引入视频
  - autoplay自动播放
  - muted静音状态
  - loop循环播放
  - preload 预加载
  - 以上属性适用于audio

HTML5

Java相关栏目本月热门文章