首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >H5新增标签以及简介

H5新增标签以及简介

作者头像
且陶陶
发布2023-04-12 15:17:43
发布2023-04-12 15:17:43
1.5K0
举报
文章被收录于专栏:Triciaの小世界Triciaの小世界

一、语义化标签

  <header>:头部标签    <nav>:导航标签 在H4中导航栏一般用ul-li标签,H5中可以直接用<nav>标签   <section>:块级标签   <article>:内容标签   <aside>:侧边栏标签   <footer>:尾部标签   注:1.在ie9中需要把它们转化为块级元素  display:block         2.主要用于移动端

二、多媒体标签

<video>视频标签

<audio>音频标签

三、图形标签

<canvas>定义一个图形。

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

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

代码语言: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>

四、新增表单元素,控件

代码语言:javascript
复制
<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 有两大特点:

  1. 首先,强化了 Web 网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。
  2. 其次,追加了本地数据库等 Web 应用的功能。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、语义化标签
  • 二、多媒体标签
  • 三、图形标签
  • 四、新增表单元素,控件
  • 增加:
  • 总结:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档