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的新特性的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航