一、语义化标签

<header>：头部标签

<nav>：导航标签在H4中导航栏一般用ul-li标签，H5中可以直接用<nav>标签

<section>：块级标签

<article>：内容标签

<aside>：侧边栏标签

<footer>：尾部标签

注：

1.需要把它们转化为块级元素 display:block

2.主要用于移动端

二、多媒体标签

<video>视频标签

<audio>音频标签

三、图形标签

<canvas>定义一个图形。

使用 JavaScript 在网页上绘制图像。

例如：显示一个红色的矩形：

<canvas id="myCanvas"></canvas>
<script type="text/javascript">var canvas=document.getElementById('myCanvas');var ctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);
</script>

四、新增表单元素，控件

<form><label>邮箱 ：<input  type="email"  />数量 ：<input type="number" value="50" min="0" max="100" step="5"><!-- 最小值0、最大值100、步进值5、value初始值50 --></label></form>

增加:

编辑本段新应用程序接口（API ）

除了原先的 DOM 接口，HTML5 增加了更多 API,如：

1. 用于即时 2D 绘图的 Canvas 标签

2. 定时媒体回放

3. 离线数据库存储

4. 文档编辑

5. 拖拽控制

6. 浏览历史管理

五、总结:

HTML 5 有两大特点:

首先，强化了 Web 网页的表现性能。除了可描绘二维图形外，还准备了用于播放视频和音频的标签。其次，追加了本地数据库等 Web 应用的功能。

一号软件是一个专注于程序员圈子的技术平台，微信搜索：一号软件！

版权申明：内容来源于网络，版权归原创者所有，如有侵权请告知，我们会立即删除表示歉意，谢谢！

介绍H5新晋级的标签相关推荐

h5新语义化标签(重要)
1.HTML5新语义化标签 html4.01:div span h1 img- css2.1:width height background- css3:transform border-radius ...
H5新特性 - 新增标签
新增的语义标签标签语义化旨在让标签有自己的含义,见名知义优势代码结构清晰,方便阅读,有利于团队开发(开发效率提高) 方便其他设备解析(屏幕阅读器,盲人阅读器)以语义的方式来渲染页面有利于搜索 ...
h5新API=＞IntersectionObserver
介绍 H5新的 IntersectionObserver 可以自动"观察"元素是否可见.所以这个 API 叫做"交叉观察器",之所以叫交叉观察,因为当被观察元素 ...
H5新标签--语义化标签
H5新标签----语义化标签区别:1.默认样式不一样 2.有SEO优化作用 1.header,一般作为网页的头部使用 2.aside,侧边栏 3.nav,导航栏 4.address,地址,字体样式默 ...
H5新特性（一）——音视频标签
H5新特性--音视频标签大家都有在网页中浏览音频和视频的经历,在HTML5之前,对视频和音频没有一个标准,因此在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是 R ...
h5新标签和css3新特性
h5新标签和css3新特性一.h5布局元素二.css3新增样式 1.边框圆角 2.阴影 3.形变:旋转.缩放.位移 4.transform-origin 属性三.过渡效果四.动画效果 1. k ...
h5比html新增加的标签,HTML5（H5）新增属性和标签
一 H5的特点 H5就是在之前HTML的版本上新增了一些标签,所以用起来没有太多变化 01 H5的网页骨架非常简洁 02 H5的语法极其松散,很多标签可以省略,也可以只写开始不写结束 03 H5中新增 ...
前端面试题二：ES6/7/8新特性、性能优化、数据交互、H5新特性
目录一.ES6/7/8新特性二.性能优化三.数据交互四.H5新特性一.ES6/7/8新特性 1.ES6中新增了哪些数据类型? Symbol类型(基本) Set类型(复杂) Map类型(复杂) ...
玩转 React（四）- 创造一个新的 HTML 标签
在第二篇文章 <新型前端开发方式> 中有说到 React 有很爽的一点就是给我们一种创造 HTML 标签的能力,那么今天这篇文章就详细讲解下 React 是如何提供这种能力的,作为前端开发 ...

介绍H5新晋级的标签