HTML5教程

Html 5的新特性

本文主要是介绍Html 5的新特性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1.新增语义化标签

  在Html5之前,我们习惯使用<div>元素来作为一个通用的容器,而<div>是HTML文档分区元素,本身是没有语义的。Html5新增了大量语义化标签,如<header>表示页眉,<nav>表示导航区,<aside>定义文档主内容之外的内容(像侧边栏之类的)等等。

 

优点

  • 提升页面的阅读性,在样式丢失时可以让页面呈现出清晰的结构;
  • 有利于搜索引擎优化(SEO),可以根据标签来确定上下文及关键字的权重;
  • 方便屏幕阅读器解析;
  • 有助于代码的开发和维护

 

2.新增媒体元素

  <audio>元素用于在文档中嵌入音频内容,<video>用于在文档中嵌入媒体播放器。它们有提供默认的控件给用户,来对音频或视频进行操作。

 

3.本地存储方式localStorage与sessionStorage

 

4.增强的表单控件

  为<input>元素新增了更多其他类型的控件,如type = date 表示该<input>是输入日期的控件,type=range使<input>元素呈现出一个调整范围值的控件等等。

 

5.Canvas

  Canvas API提供了一个通过JavaScript和HTML的<canvas>元素来绘制图形的方式,主要用于2D图形的绘制。通过在一个canvas上结合<video>元素功能,可以实现实时操作视频数据来合成各种视觉特效呈现到画面中。

这篇关于Html 5的新特性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!