• HTML5新特性


    1、新添加的标签——语义化标签

     为了服务于SEO,即搜索引擎优化,一个网站的排名高低,取决于SEO做的好坏。

    (1)<header>标签

    头部可以包含:nav(导航栏,对于SEO非常重要)、banner(轮播图)、logo(网站标志)、login(登录注册)

    (2)<footer>标签

    页脚/脚注:联系我们、备案号、版权声明

    (3)<section>标签

    表示页面的实体内容部分;该标签对SEO最弱

    (4)<aside>标签

    表示页面的侧边栏,通常放置页面内容的分类;对SEO的作用一般;一般与<section>标签并列

    (5)<article>标签

    文章标签,包含一篇文章的内容

    (6)视频标签——<video>

    video标签是H5标准新添加的标签,H5中对该标签提供了一定的方法和属性

    【属性】

    controls     控制面板属性

    src       视频源码属性,视频来源地址

    muted       静音属性,值true/false

    loop       循环属性,值true/false

    currentTime      设置或获取当前视频的播放位置,以秒计算(注意:该属性不兼容chrome,支持IE)

    volume        设置视频音量,属性值范围是0-1,超出范围,可能会造成浏览器奔溃

    playbackRate     设置或获取当前视频播放速度,该属性值是大于0的数字,如果小于1,视频会慢速播放,在chrome中,可能会出现没有声音的情况

    【只读属性】

    duration    返回当前的总时长

    currentSrc   返回当前的URL

    ended            返回视频是否结束

    pasued                返回视频是否暂停;(视频暂停弹广告等)

    【方法】

    play()    开始播放视频/音频

    pause()     暂停当前视频/音频

    【事件】  on + 事件名

    timeupdate  当前播放位置更改时触发该事件

    play    视频开始播放事件(开始播放就隐藏广告)

    pause      视频暂停事件

    ended      视频停止事件

  • 相关阅读:
    25款有用的桌面版博客编辑器
    iOS开发- &quot;duplicate symbol for architecture i386&quot; 解决的方法
    中国眼下拥有的人造卫星的种类及其作用
    深入浅出JMS(一)——JMS简单介绍
    android之【本地通知Notification】
    蓝牙设计
    html5中的容器标签和文本标签
    amaze ui中的icon button
    amaze ui表格斑马纹效果
    amaze ui响应式表格
  • 原文地址:https://www.cnblogs.com/sherryStudy/p/html5.html
Copyright © 2020-2023  润新知