温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

H5新晋级标签有哪些及怎么使用

发布时间:2022-08-03 17:33:25 来源:亿速云 阅读:152 作者:iii 栏目:web开发

这篇文章主要介绍了H5新晋级标签有哪些及怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇H5新晋级标签有哪些及怎么使用文章都会有所收获,下面我们一起来看看吧。

一、语义化标签

<header>:头部标签

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

<section>:块级标签

<article>:内容标签

<aside>:侧边栏标签

<footer>:尾部标签

注:

1.在ie9中需要把它们转化为块级元素  display:block
2.主要用于移动端
H5新晋级标签有哪些及怎么使用

二、多媒体标签

<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>

H5新晋级标签有哪些及怎么使用

四、新增表单元素,控件

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

H5新晋级标签有哪些及怎么使用

增加:

编辑本段新应用程序接口(API )
除了原先的 DOM 接口,HTML5 增加了更多 API,如:
1. 用于即时 2D 绘图的 Canvas 标签
2. 定时媒体回放
3. 离线数据库存储
4. 文档编辑
5. 拖拽控制
6. 浏览历史管理

关于“H5新晋级标签有哪些及怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“H5新晋级标签有哪些及怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

h5
AI