day06:H5+CSS3

一、新的结构标签

1.H5新标签优势是什么？
        标签语义化

2.    header　　代表头部标签

　　footer　　代表脚部标签

　　nav　　代表导航标签

　　Hgroup　　标题组合标签

　　section　　区域标签

　　article　　文章标签（也可以代表单独的一部分）

　　aside　　侧边栏标签

 3.语义化的好处是什么呢
        1.如果没有css样式，html结构一目了然

        2.提高了团队的开发效率

        3.提升了网页的SEO

二、新的表单元素

1.时间日期表单

<input type="date"> 

2.时分秒表单

 <input type="time"> 

3.邮箱

  <input type="email" name="email"> 

4.网址

   <input type="url" name="url"> 

5.数值

        <input type="number" name="n" value="0" min="-3" max="3">

默认是0  最小值为-3  最大值为3

 

 6.范围

        <input type="range" name="range" min="0" max="100">

 

三、媒体标签

1.audio video标签

2..关于autoplay

chrome  之前的一些旧版本也是支持autoplay的

新版本需要js手动开启

3.loop  自动循环

4.muted 静音

因为浏览器不统一  所以对标签支持的资源也不统一，需要我们主动准备多种格式的资源