html5新增

结构标签

定义网页的头部



定义网页的区段


定义网页独立区域内容



定义网页的底部

vedio标签

video视频标签有兼容问题

属性

  • muted:静音播放
  • autoplay:自动播放,但要加上muted
  • loop:循环播放
  • controls:显示播放控件
  • preload:auto(预先加载) none(不预先加载视频) metadata(加载一部分信息，每个浏览器不同),如果有autoplay则忽略
  • poster:加载等待的画面图片
  • width:宽
  • height:高



    
    
    Document

注意：谷歌浏览器的autoplay要用加上muted来解决

视频格式兼容问题

embed标签

已弃用，会插入文档片段，不安全

audio标签




    
    
    Document

注意：浏览器把自动播放功能禁用了

audio 同样也有兼容性问题

  • src:加载音频资源地址
  • autoplay：音频在就绪后马上播放（被禁用了）
  • controls:显示空间，如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。
  • muted:静音播放
  • loop:loop 循坏播放

兼容问题

如果还有问题，则表示浏览器不支持audio标签

input类型

input新增type值

    

        邮箱：
        url: 
        日期：
        时间：
        年月：
        年周：
        数字：
        // 数字e可以显示 因为有科学计数法e
        手机号码：
        搜索框：
        颜色：
        显示：
        隐藏：
        滑块：

注意：当我们要验证时要在form表单域中

input新增属性

    

        accesskey:  
   // 快捷键 alt + accuesskey的值 聚焦
        autofocus  
    //自动聚焦
        required:  
  // 必须填写，不然不能提交
        placeholder  
 //默认信息
        multiple  
   // 文件多选
        autocomplete  //默认为 On 需要在表单内，同时加上name属性，同时成功提交

datalist标签


    
    
    
    
        
        
        
    >

filedset标签

和form标签一起使用，对表单进行分组，分组之后每一组大概描述信息legend标签


        

            账户信息
            用户名：
            密码: 
        

        

        

        

            其他:

mark标签

对与定义带有记号的文本，在需要显示的时候可以使用meter标签

对与定义带有 记号的文本>>，在需要显示的时候可以使用meter标签

meter标签

定义度量衡

注意：ie浏览器不支持meter标签

progress标签



<-- js一起使用
    max:描述一个需要完成多少任务
    value:表示已近完成的任务-->
css+html

相关

标签