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

原文地址:https://www.cnblogs.com/MrZhujl/p/10369101.html