HTML5

作者: 恩德_b0c2 | 来源:发表于2017-06-15 20:32 被阅读0次

    html5语义化标签

    1.主体结构元素
    article:标签装载显示一个独立的文章内容
    section:标签定义文档中的节
    aside:用来装载非正文类的内容
    nav:标签定义显示导航链接
    time:标签定义公历的时间
    2.非主体元素
    header:标签定义文档的页面头部
    footer:标签定义section或document的页脚
    address:标签定义文档作者或拥有者的联系信息
    main:文档主要内容


    表单域增强元素

    1.新增属性
    form:表单内的从属元素可写到表单外面
    formaction:属性覆盖form元素的action
    formmethod:属性覆盖form元素的method
    autofocus:指定的表单元素获得焦点
    required:规定必须在提交之前填写输入域(不能为空)
    placeholder:属性提供可描述输入字段预期值的提示消息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失
    checkValidity:显示验证法
    pattern:正则验证
    2.新增表单输入类型
    email
    url
    number(max,min,间隔,value)
    color
    Date
    range(max,min,间隔,value)
    search


    video和audio元素的属性 方法 事件

    <video></video>视频
    <audio></audio>音频
    属性:
    src:路径
    autoplay:自动播放
    preload:预加载,默认属性auto
    poster:播放前展示一张图(独有属性:width height)
    loop:自动重新播放
    controls:用户界面显示
    error:返回错误
    played:播放时间段
    paused:暂停
    ended:结束时的布尔值
    volume:控制声音大小
    muted:静音控制
    方法:
    play()播放
    pause()暂停
    load()重新加载
    事件:
    ontimeupdate:音频/视频播放中事件
    onended:音频/视频结束时事件


    画布

    画布标签(H)
    <canvas></canvas>

    相关文章

      网友评论

          本文标题:HTML5

          本文链接:https://www.haomeiwen.com/subject/vhvuqxtx.html