热门关键字:
jquery > jquery教程 > jquery教程 > HTML5新知识

HTML5新知识

341
作者:管理员
发布时间:2021/4/12 18:58:29
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4421
  1、header 页面头部、页眉


  2、nav 页面导航


  3、atricle 一篇文章


  4、section 文章中的章节


  5、aside 侧边栏


  6、footer 页面底部、页脚


  PC端兼容h5新标签的方法,在页面中引入一下js文件


  <script  type="text/javascript"  src="//cdn.bootcss.com/html5shiv/r29/html5.js?1.1.11"></script>


  a、<label>网址:</label><input type="url" name=" " required>


  b、<label>邮箱:</label><input type="email" name=" " required>


  c、<label>日期:</label><input type="date" name=" ">


  d、<label>时间:</label><input type="time" name=" ">


  e、<label>星期:</label><input type="week" name=" ">


  f、<label>数量:</label><input type="number" name=" ">


  g、<label>范围:</label><input type="range" name=" " >


  h、<label>电话:</label><input type="tel" name=" " >


  i、<label>颜色:</label><input type="color" name=" ">


  j、<label>搜索:</label><input type="search" name=" ">


  a、placeholder  设置文本框默认提示文字


  b、autofocus  自动获得焦点


  c、autocomplete  设置是否有联想关键词下拉,一般设置为"off",将其关掉   如:autocomplete="off"


  对应的属性:


  a、autoplay  自动播放


  b、controls 显示播放器


  c、loop  循环播放器


  d、preload 预加载


  e、multed 静音


  如:<audio src="source/audio.mp3" autoplay controls loop preload></audio>


  <audio autoplay controls loop preload>


  <source src="source/audio.wav" type="">


  <source src="source/audio.mp3" type="">


  </audio>


  source标签的作用是提供多个媒体文件地址,如果一个地址的文件不兼容,就使用下一个地址。


  对应的属性:


  a、width


  b、height


  c、Poster


  如:<video src="source/audio.mp3" autoplay controls loop preload width="600" height="400"></video>


  a、cyberplayer


  b、tencentPlayer


  c、youkuPlayer




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐