您好!欢迎来到渥瑞达北美h5/html5培训 返回大首页 |视频下载 | 联系我们 | 网站地图
h5培训 h5培训就业保障

学习H5的这些新技术让你工资翻倍!

  随着互联网日新月异的发展,Web领域内的各项技术也在不断的进步和提高,html5凭借语义性、兼容性和不需要第三方依赖的API迅速席卷了整个互联网,这也是一场革命性的技术变革,HTML5.1保留了先前版本全部优良的特性又引入了一些语义元素的重大改进,这些新技术是你在今后学习Web前端过程中重点学习的方向!
 
  一、HTML5引入的新语义元素?
 
  HTML5.1最伟大的创新之一就是引入了新的语义元素,这些元素是我们日常写代码的一个重要部分,同时也使得我们的站点有了很大改善,这些元素有:
 
  <main>定义主要内容;
 
  <nav>定义主体模块或者导航链接的集合;
 
  <article>包含独立于页面其他部分的内容;
 
  <header>包含介绍部分或者是导航链接的集合;
 
  <footer>定义了整个页面或者其中一部分的页脚;
 
  <aside>定义了所处内容的侧边栏;
 
  <section>定义了文档中特定的部分;
 
  还有两个革命性的元素,帮助我们解决了Flash等技术难题:
 
  <audio>用来在文档中嵌入音频内容;
 
  <video>用来在文档中嵌入视频内容;
 
  二、HTML5.1引入的新元素
 
  首先是<picture>元素,它的用处就是把source元素和srcset属性结合到一起,它的另一个功能就是当页面加载在高分辨率屏幕上的时候就提供高密度的图片,这个元素可以让我们更好的给用户展示图片并且很好的避免过大的高密度图片与网站不相称。
 
  其次是<dialog>元素,目前有Chrome 和 Opera已经对它进行支持,这个元素还可以用来作为对话框,确认框或者窗体,可以通过把<form>元素的method属性设置为dialog来把其合并到<dialog>元素中,这样当这个form表单提交的时候,这个对话框就会关闭同时把提交按钮返回的值设置为retureValue。
 
  再次是<input>元素的type属性新增了 month和 week两个值,它们定义控件将元素的值设置为代表一个月或者一周的字符串。
 
  三、HTML5.1未定案的元素
 
  <input>元素的 type 的datatime 和datatime-local两个值,前者用来定义一个特定地区的日期和时间,后者是代表本地日期和时间,没有时区偏移量信息。
 
  context 属性为<div>指定了一个 context menu, 并且当用户右键点击div时会显示菜单,所有的浏览器中,只有Firefox支持了这个属性。
 
  inputmode属性指定了当用户在表格控件中输入内容时,输入机制会提供更多的帮助。
 
  学如逆水行舟不进则退,在高新技术飞速发展的今天,我们更应该不断学习新技能去提升自己。

相关推荐

网站地图 联系我们