HTML5新增

88 阅读2分钟

新增元素

1.section元素表示页面中的一个内容区块
2.article元素表示一块与上下文无关的独立的内容
3.aside元素在article之外的,与article内容相关的辅助信息
4.header元素表示页面中-个内容区块或整个页面的标题
5.footer元素表示页面中一个内容区块或整个页面的脚注
6.nav元素表示页面中导航链接部分
7.figure元素表示- -段独立的流内容,使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
8.main元素表示页面中的主要的内容(ie不兼容)

新增多媒体标签

video:视频标签
audio:音频标签

source:备份文件
    src="文件地址"
    type="文件类型"
        视频类型:type="video/ogg"
                type="video/webm"
                type="video/mp4"
        音频类型:type="audio/ogg"
                type="audio/mp3"
        相关属性:
            controls="显示控件"
            muted="静音"
            autoplay="自动播放"
            loop="循环播放"
            poster="第一帧图像地址"
    type="color" 生成一个颜色选择的表单
    type="tel" 唤起拨号盘表单
    type="search" 产生一个搜索意义的表单
    type="range" 产生一个滑动条表单
    type="number" 产生一个数值表单
    type="email" 限制用户必须输入Email类型
    type="url" 限制用户必须输入url类型
    type="date" 限制用户必须输入日期
    type="month" 限制用户必须输入月类型
    type="week" 限制用户输入周类型
    type="time" 限制用户输入时间类型
    type="datetime-local" 选取本地时间
浏览器兼容前缀:
    -webkit- webkit内核浏览器(谷歌)
    -moz-  火狐浏览器
    -ms-  IE浏览器
    -o-  欧朋浏览器
优雅降级:优先考虑高版本浏览器,再考虑低版本浏览器的兼容问题,从小到大
渐进增强:优先考虑低版本浏览器,再考虑高版本浏览器的兼容问题,从小到大