H5新增标签以及简介

H5新增标签以及简介一、语义化标签<header>:头部标签<nav>:导航标签在H4中导航栏一般用ul-li标签,H5中可以直接用<nav>标签<section>:块级标签<article>:内容标签<aside>:侧边栏标签<footer>:尾部标签注:1.在ie9中需要把它们转化为块级元素display:block2.主要用于移动端二、多媒体标签<v…

一、语义化标签

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

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. 浏览历史管理 

总结:

HTML 5 有两大特点:

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

今天的文章H5新增标签以及简介分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/26907.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注