前端 day19

一 3d案例

      逐帧动画

     动画缩放

     摩天轮

     太阳系

二 H5语法

      1 内容类型(ContentType)

        HTML5的文件扩展符与内容类型保持不变，仍然为“.html”或“.htm”

      2 DOCTYPE声明

        不区分大小写

      3 指定字符集编码

        <meta charset=”UTF-8”>

      4 可省略标记的元素

        不允许写结束标记的元素：br col embed hr img input link meta

      5 可省略结束标记的元素

        li dt dd p option colgroup thead tbody tfoot tr td th

      6 可省略全部标记的元素

        html head body colgroup tbody

      7 属性值可以使用双引号，也可以使用单引号

三 H5语义化结构标签

      1   在HTML5出现以前，我们用div来表示页面章节，但是这些div都没有实际意义。(即时我们用css样式的id和class形容这块  内容的意义)。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某个部分，但现在，那些之前没意义的标签因为html5的出现消失了，这就是我们平时说的“语义”。

      2 语义化结构标签：

        section      更偏向于划分结构（网页的外围结构，更类似于div）

        article       更偏于内容的展示

        aside        侧边栏（在内容一旁）

        header      网页头部或内容块头部

        footer       网页底部或内容块底部

        nav         导航区域

        figure       代表一个独立的区域

        figcaption    figure区域的标题

        main         主体区域（IE不兼容）

        hgroup       标题组

        mark         高亮显示文本

        time         用来处理时间

        dialog        类似于对话框

 

四 H5多媒体标签

      1 视频

        <video src=”./jiang/movie.mp4”></video>

        属性：

            autoplay     自动播放

            controls      播放控件

             loop         循环状态

             muted        静音状态

             poster        当视频没有加载或者没有播放的时候显示的封面图

      2 音频

        1 <audio></audio>

        2 属性：

              autoplay     自动播放

              controls      播放控件

              loop         循环播放

              muted        静音状态

      3 定义媒介资源

        <source>

             type属性：定义媒介类型

        video里面 type属性的定义:video/ogg video/mp4 video/webm

        audio里面 type属性的定义:audio/ogg audio/mpeg

四 H5多媒体标签

      1 视频

        <video src=”./jiang/movie.mp4”></video>

        属性：

            autoplay     自动播放

            controls      播放控件

             loop         循环状态

             muted        静音状态

             poster        当视频没有加载或者没有播放的时候显示的封面图

      2 音频

        1 <audio></audio>

        2 属性：

              autoplay     自动播放

              controls      播放控件

              loop         循环播放

              muted        静音状态

      3 定义媒介资源

        <source>

             type属性：定义媒介类型

        video里面 type属性的定义:video/ogg video/mp4 video/webm

        audio里面 type属性的定义:audio/ogg audio/mpeg

五 H5新增表单内容

      1 H5新增type类型

        type=”email”    限制用户输入email类型

        type=”url”      限制用户必须输入url类型

        type=”range”   产生一个滑动条表单

        type=”number”

        type=”search”   产品一个搜索意义的表单

        type=”color”    生成一个颜色选择的表单

        type=”time”     限制用户必须输入时间类型

      2 新增表单属性

        required     检测是否为空

        min          最小

        max          最大

        step          步幅 确定一个法定值