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

  • 相关阅读:
    datetime格式化 c#
    Cookie aps.net
    缓存页面 asp.net
    aps.net IIS 部署 显示404.3错误
    使用systemd管理进程,设置进程自动启动
    VS Code 生成Pack、在Nuget中添加包、在项目中添加包
    dotnet命令 new
    WPF ListView渲染性能优化
    SQL Server判断语句(IF ELSE/CASE WHEN )
    T-SQL脚本附加数据库
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/10369101.html
Copyright © 2011-2022 走看看