html5强大的功能(一)

发布时间：2020-03-26 16:03

html5得出现被传的神乎其神的，做前端的总是要跟随着潮流发展，不过在跟风之前还是想要了解一下html5真正的魅力所在。

html5创建的目的是以一种标准和直观的UI标记语言来把web设计和开发变得容易起来，将简单的文本内容及将丰富的、交互式的多媒体都包含其中，它为用户提供了高效的数据管理、绘制、视频和音频工具，对于前端来讲的话，更关注的是，它引入了新的标签和强大的功能，包括一目了然的结构及多媒体等。以前的代码使用的最多的莫过于div标签的频繁使用了，而html5得话，运用了和标签、、、和等标签，提供了对特定类型内容的更加精确的描述。

html5得强大功能之一是内容块，能让人更加容易去理解，在web领域，这个功能将得到更加高效的呈现。

所谓的内容块，就是从以前的被频繁使用的到现在可以用直观的标签来定义更清楚；

如头部文件，以前可能会用到现在的直接用标签来的更方便，此标签中还可以置入标签把标题分组放在一起，可以使h1到h6这些标题分级来在此处显示主标题和子标题，用标签来表示导航区，内容区，可以使用Article和Section标签，此标签可以互相包含，一般标签应该用来分组相类似的信息，而标签则应该是用来放置诸如一篇文章或是博客一类的信息，标签，正如表面的意思，提供了一个完整的信息。而标签包含的是有关联的信息，但这些信息自身不能被放置到不同的上下文中，因为这样的话其所代表的含义就会丢失。

html5还提供了媒体标签，其中和标签可以包含各种媒体元素，音乐和视频以前的话只能作为嵌入形式展示，现在可以很精准的表示出来了。标签标识了声音内容，标签属性有src、preload、control、loop和autoplay，标签允许播放视频片段或是流化视觉媒体，其新增三个属性：poster、width和height，如果没有很流畅的视频展示的时候，poster属性可让你找出一张图像来应付，这也算是html5的又一大亮点了。

HTML5不仅是HTML4的一个升级：更是一种新的数字化通信方式，借助于CSS3和JavaScript的功能，HTML5差不多为开发者提供了全部的一切，html5的强大有目共睹！！