html5比较热门的新标签,HTML5增加的几个新的标签

本文介绍了HTML5的多项新特性,包括画布标签、结构分离标签、音频和视频支持、离线存储功能等。此外还展示了如何使用CSS3进行动画制作及选择器的运用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5又2008年诞生,HTML5大致可以等同于=html+css3+javascriptapi....

so --->支持css3强大的选择器和动画以及javascript的新的函数

先来记录一下吧!

1。  画布标签 HTML5的新标签

举例:

67d0865f17d9be527254bf8a8ff6c5b4.gif

1

2

3

canvas画布的应用

4

画一个矩形龚细军创作

5

6

7

8 var canvas=document.getElementById("can");

9 var cxt = canvas.getContext("2d");

10 //alert(cxt);

11 cxt.style="#FF0000"

12 cxt.fillRect(10,10,30,30);

13

14

15

67d0865f17d9be527254bf8a8ff6c5b4.gif

01e7fd9abd41683e026823d2c5a1256c.png

2. 增加了  这两个标签做到了网页和结构的分离 (使用seo 即搜索引擎)

格式:

1

2 (网页)page的头部

3 你好呀,我是........

4 网页的尾部

5

3.增加了音频和 音频两个新的标签........。

呵呵,放不了哦!

效果图:  (注意: 目前html所支持的格式为: mp4/ogg格式)

e953840926e7fd056111e55f713c0fc8.png

同理,音频也是一样的...

4. 增加了离线存储功能

0e87f6340e10aef204d786d37babfdf7.png

5. 支持语音识别   6.支持图像识别 7.支持游戏

8.支持强大的css3......(动画和选择器)

(1)

以上呈现的是一个字体颜色逐渐变化的样式..

(2) css3代码选器举例:

67d0865f17d9be527254bf8a8ff6c5b4.gif

1

2

3

4 p:nth-child(odd) {color:red}

5

6

7

8

会是个什么颜色呢

9

会是个什么颜色呢

10

会是个什么颜色呢

11

会是个什么颜色呢

12

13

67d0865f17d9be527254bf8a8ff6c5b4.gif

效果图:

ef14ce2144ef29c26ffe0e9a7baedd35.png

6.支持拖放,跨文档,浏览器历史管理

7.各个浏览器的浏览器的兼容性很好....

学习HTML5之新特性标签一览(详细)

HTML5又2008年诞生,HTML5大致可以等同于=html+css3+javascriptapi.... so --->支持css3强大的选择器和动画以及javascript的新的函数 先来 ...

Html5 中的新语义标签

1.1 语义标签对于我们并不陌生,如

表示一个段落.

  • 表示一个无序列表

~

表示一系列标题等,在此基础上HTML5增加了大量更 ...

HTML5新的标签和属性

标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本.亦或是来自其他外部源内容. HTML5:

HTML5新结构标签和移动端页面布局

--------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.ar ...

html5新结构标签

html5新结构标签   定义 section 或 page 的页眉,也就是定义头部的标签. 定义 section 或 page 的页脚. & ...

【HTML5】---【HTML5提供的一些新的标签用法以及和HTML 4的区别】

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(p ...

前端笔记之HTML5&CSS3(上)新特性&音频视频&本地存储&自定义属性

一.HTML5简介 HTML 5 的第一份正式草案已于2008年1月22日公布.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 2014年10月29日,万维网联盟 ...

HTML5增加与改良的input元素

h5中form表单中input新增的属性值 在HTML5中增加了许多新的标签和功能属性,今天我们来看一个Form表单在HTML5中新的使用方法.那么在HTML5中新加入的这个功能与之前咱们使用的功能区 ...

随机推荐

纯css做的安卓开机动画

随着css3的发展,越来越多的负责绚丽的效果可以由纯css来完成了.用css3实现的动画效果丝毫不必js实现的逊色,而且浏览器对css渲染的速度远比js快,大多数时候css的体积也不js小.其中css ...

c#null值加法运算

加号都是一个含义啊,操作数不同,加号重载的方法就不一样,当加号的左边或右边含有字符串的时候,总是返回一个不为空的字符串.当加号左右两边都是数值的时候,就会对其进行数学运算,null+任何数都为null ...

bash 判断两个文件相等的代码

#!/bin/bash #定义参数 username="xxx" passwd="xxxxxxxx" dbname="xxx" #判断入参为 ...

MVC 表单提交

用户提交表单 写法一(推荐) 一,不带参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值