zoukankan      html  css  js  c++  java
  • HTML5读书笔记第一天

    html5是下一代的html。只能说:html5无比的强大。

    html5是w3c和whatwg合作的结果。

    html5中增加了一些新的特性

    如:用于绘画的canvas元素标签、用于视频和音频播放的元素video and audio元素

    对本地离线存储的更好支持、新的结构元素如header、footer、nav、section、article,新的表单元素

    calendar、date、time、email、url、search。html5还在完善当中,只有在部分的主流浏览器支持相关的html5元素

    html5支持css3。

    一个html5网页的定义是

    <!DOCTYPE html>
    <html>
        <head>
        </head>
        <body>
        </body>
    </html>
    

    video元素的用法:

    <!DOCTYPE html>
    <html>
        <head>
        </head>
        <body>
           <video height="200" width="200" controls="controls">
                   <source src="abc.ogg" type="video/ogg">
                   <source src="abc.mp4" type="video/mp4">
                   你的浏览器不支持该元素 //当浏览器不支持元素时显示
           </video>
        </body>
    </html>
    

    video标签的一些新属性:

      autoplay="autoplay"   设置自动播放
          controls="controls"    设置显示操作控件
          width="00px"  设置宽度
      height="00px"  设置高度
      loop="loop"      设置播放循环
      src="url路径"    设置路径
        preload="preload"  设置预备播放

    (二)audio标签的使用(和video标签的用法是一样的,属性也是一样的):  

    <!DOCTYPE html>
    <html>
        <head>
        </head>
        <body>
           <audio height="200" width="200" controls="controls">
                   <source src="abc.ogg" type="audio/ogg">
                   <source src="abc.mp4" type="audio/mp4">
                   你的浏览器不支持该元素 //当浏览器不支持元素时显示
           </audio>
        </body>
    </html>
    
  • 相关阅读:
    三列布局_左右绝对定位_中间适应
    三列布局_左右固定_中间自适应
    两列布局_左右二侧_绝对定位
    二列布局_左右固定_自己撑开父级块
    两列布局_右侧固定_左侧自适应
    两列布局_左侧固定_右侧自适应
    单列布局_宽度自适应_内容居中
    单列布局_上中下等宽
    聊一聊Unity协程背后的实现原理
    发火箭和做游戏有什么共通点?
  • 原文地址:https://www.cnblogs.com/hellome/p/3844102.html
Copyright © 2011-2022 走看看