zoukankan      html  css  js  c++  java
  • 2.H5 标签

    HTML4:

    HTML5:超文本标记语言;可以显示图片,音频,视频;

    XHTML:更加严谨的标记语言;

    XML:可扩展的标记语言;


    HTML5的新标签:(为了语义化,SEO优化)

      header:头部,标签定义文档的页眉(介绍信息)。

      section:块  代替了div  (标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。)

      main:标签规定文档的主要内容。元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。在一个文档中,不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>。

      footer:底部,标签定义文档或节的页脚。元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。您可以在一个文档中使用多个 <footer> 元素。

      nav:导航

      figure:图片

      figurecaption:图片描述

      article:文章

      mark高亮

      audio:音频

        <audio src="song.mp3" controls="controls"></audio>
        Media.volume = value; //音量
        Media.muted = value; //静音
        Media.pause() 暂停
        Media.play() 暂停
        timeupdate当前播放时间发生改变的时候
        currentTime用来获取或者控制当前的播放时间,单位是秒(S)
        startTime返回起始的播放时间
     
        https://blog.csdn.net/gongstrong123/article/details/50339249
        https://blog.csdn.net/c__chao/article/details/78573737

      video:视频  <video src = ' ./... ' controls = ' controls ' ></video>   

        controls 属性:自带的播放控件 

        autoplay 自动播放
        loop 循环播放
        preload="auto" 加载
    <video autoplay="autoplay">  
        <source src = ' ... ' type = ' video/ogg ' >
        <source src = ' ... ' type = ' video/mp4 ' >  //如果 某种 浏览器不支持 视频格式,会自动跳到另一种格式上。  
    </video>

      

      canvas:画布

      

      新增 input 的属性;

      <input type="number" min="2" max="10" step="2"> 上下加减
      <input type="range" min="2" max="10" step="2"> 进度条
      <input type="search"> text可以点删除
      <input type="date"> 默认日历
      <input type="color"> 色板
      <input type="text" autocomplete="on" name="tel"> 提示
      autofocus input自动聚焦

      更多标签,更多属性,更多事件 请查看 :http://www.w3school.com.cn/html5/index.asp

  • 相关阅读:
    Infopath Notify 弹出提示信息
    window.showModalDialog 返回值
    【转】获得正文内容中的所有img标签的图片路径
    Json Datable Convert
    Sharepoint 列表 附件 小功能
    Surgey 权限更改
    SQL 触发器用于IP记录转换
    Caml语句 查询分配给当前用户及当前组
    jquery 1.3.2 auto referenced when new web application in VSTS2010(DEV10)
    TFS diff/merge configuration
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/10369101.html
Copyright © 2011-2022 走看看