总结介绍H5新晋级标签(附示例)

本文给大家整理介绍H5新晋级标签有哪些,希望对需要的朋友有所帮助!

一、语义化标签

:头部标签

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

:块级标签

:内容标签

:侧边栏标签

:尾部标签  

注:

1.在ie9中需要把它们转化为块级元素  display:block
2.主要用于移动端
2141fee200ac78779984d7852a75480.jpg

二、多媒体标签

视频标签

音频标签

三、图形标签

定义一个图形。

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

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

    var canvas=document.getElementById('myCanvas');    var ctx=canvas.getContext('2d');    ctx.fillStyle='#FF0000';    ctx.fillRect(0,0,80,100);

0bd6186329c06775e43f5389ba6c1e5.jpg

四、新增表单元素,控件

                  

76c5c32d2399ebd60306ff544eb0878.jpg

增加:

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

总结:

HTML 5 有两大特点:

首先,强化了 Web 网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。

其次,追加了本地数据库等 Web 应用的功能。

相关推荐:《html5中新增加的属性与元素有哪些》

以上就是总结介绍H5新晋级标签(附示例)的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 21:12:24
下一篇 2025年12月21日 21:12:43

相关推荐

  • 手把手教你使用css3制作炫酷的导航栏效果(代码详解)

    之前的文章《教你使用css3给字体添加立体效果(附代码)》中,给大家介绍了怎么使用css3给字体添加立体效果。下面本篇文章给大家介绍怎么使用CSS3制作炫酷的导航栏效果,我们一起看看怎么做。 炫酷的导航栏效果图如下 CSS3制作炫酷的导航栏效果的方法 1、新建一个html文件,首先写div标签输入写…

    2025年12月24日 好文分享
    000
  • 手把手教你使用CSS3制作一个简单页面的布局(代码详解)

    之前的文章《深入解析微信小程序页面中实现的保存图片(附代码)》中,给大家了解一下微信小程序页面中实现的保存图片。下面本篇文章给大家介绍怎么使用CSS3制作一个简单页面的布局,感兴趣的小伙伴们可以参考一下。 兼容性 2009 年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响…

    2025年12月24日 好文分享
    000
  • px单位html5响应式方案详解

    移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。本文主要和大家介绍了px单位html5响应式方案的相关资料,希望能帮助到大家。 但这种方案也有一个缺点,那就是font-size不为整数的时候一些字体使用rem单位会导致字体显示的大小…

    好文分享 2025年12月24日
    000
  • h5怎么实现web端向上滑动加载下一页

    实现步骤:1、监听页面的滚动事件;2、判断滚动到页面底部;3、加载下一页数据;4、更新页面滚动位置即可。 要实现web端向上滑动加载下一页的功能,可以使用以下步骤: 1、监听页面的滚动事件。 可以使用JavaScript中的window.onscroll事件来监听页面的滚动事件。 2、判断滚动到页面…

    2025年12月22日
    000
  • h5就是html5的简称吗

    h5就是html5的简称吗 “H5是Html5的缩写”,这恐怕是很多人的一个错误认知。事实上,二者并不是一个意思。 H5确实涉及HTML5诸多规范,想做H5页面或多或少都要利用到HTML5很多内容。但二者只是有联系,并非对等。 2015年上半年,随着H5的火爆,同时也引起了技术阵营与营销阵营的定义争…

    2025年12月21日
    000
  • html代码什么意思?

    超文本标记语言(标准通用标记语言下的一个应用,外语缩写html),是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言。 HTML代码也就是HTML语言编写的文本。HTML文本是由HTML命令组成的描述性文本。 HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头…

    2025年12月21日
    000
  • h5前端开发是什么

    html5前端开发就是一种前端技术集合开发的岗位,它主要包括了html5、CSS3以及JS前端技术;其中h5就是指HTML5,是描述网页的标准语言,html5与前端技术是一种从属的关系,即html5是属于前端开发的一部分。 想要知道H5前端开发是什么,我们得首先了解什么是H5以及什么是前端,以及他们…

    2025年12月21日
    000
  • html5前端是什么?

    想要知道html5前端是什么,我们得首先了解什么是html5以及什么是前端,以及他们的关系。下面和小编一起了解一下吧。 什么是html5? 所谓“HTML5”,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。 什么是前端…

    2025年12月21日
    000
  • 什么是html h1标签?html h1标签使用方法的详细介绍

    本篇文章主要为大家介绍了关于html h1~h6的使用介绍,介绍了关于html h1标签在网页中的两种使用方法,一个是网站首页的具体介绍,一个是文章内容页面的具体介绍,最后一点的总结,现在让我们看看这篇文章吧 首先,让我们先来看看什么是html h1标签: HTML h1标签是什么?是一级标题。 一…

    好文分享 2025年12月21日
    000
  • html h1标签怎么居中?有关于html中的h1居中实例解析

    本篇文章主要的介绍了关于html怎么使用h1居中的,文章中介绍了align属性,这个属性帮助了很多标签的居中,很好用的一个属性,虽然现在用的少了,都改用css了,不过对于初学者来说,h1标签居中还是用align的属性好。好了,现在开始阅读下面的文章吧 我们先来看看h1标签是干什么的? 标签是用来定义…

    2025年12月21日
    000
  • HTML5制作查询页面实例

    本篇文章主要介绍HTML5制作查询页面的一个小案例,感兴趣的朋友参考下,希望对大家有所帮助。 代码如下: 资格查询 资格查询 <!–账 号–> 查询数据 账号 昵称 微信 手机 当前等級 资格 信用度 返回首頁 相关推荐: 如何利用JqueryAjax+php制作简单注册登录页面 v…

    好文分享 2025年12月21日
    000
  • HTML5 storag存储详解

    本篇文章主要介绍HTML5 storag存储详解,感兴趣的朋友参考下,希望对大家有所帮助。  HTML5storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你…

    好文分享 2025年12月21日
    000
  • HTML5实现简单图片上传所遇到的问题及解决办法

    这篇文章主要介绍了html5实现简单图片上传所遇到的问题及解决办法 的相关资料,需要的朋友可以参考下 一、展示 因为前端上传文件是必须通过form表单的,不能使用ajax,这样的话一个移动页面放入一个type为file的input真心不怎么好看,如下图,很挫有没有 解决办法找了下,PC上有些是把这个…

    2025年12月21日 好文分享
    000
  • HTML5 Video标签的属性、方法和事件汇总介绍

    这篇文章主要介绍了html5 video标签的属性、方法和事件汇总介绍,本文讲解了 前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。 标签的属性 …

    好文分享 2025年12月21日
    100
  • HTML5中的autofocus(自动聚焦)属性介绍

    这篇文章主要介绍了关于html5中的autofocus(自动聚焦)属性介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务,例如表单校验,INPUT placeholders , 客户端重命名…

    好文分享 2025年12月21日
    000
  • HTML5获取设备信息

    这篇文章主要介绍了关于HTML5获取设备信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 Device模块管理设备信息,用于获取手机设备的相关信息,如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。 1、属性 1.1、imei: 设备的国际移动设备…

    好文分享 2025年12月21日
    000
  • 使用HTML5捕捉音频与视频信息概述及实例

    这篇文章主要介绍了关于使用html5捕捉音频与视频信息概述及实例,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 音频与视频信息的捕捉一直是Web开发中的一个难点,下面为大家介绍一种新的API,该API通过使用navigatior.getUserMedia()方法来让Web应用程序拥有…

    好文分享 2025年12月21日
    000
  • html5调用摄像头功能的实现代码

    这篇文章主要介绍了关于html5调用摄像头功能的实现代码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前言 前些天,线上笔试的时候,发现需要浏览器同意开启摄像头,感觉像是 js 调用的,由于当时笔试,也就没想到这么多问题。今天闲来无事,看了下自己的 todo,发现有这个调用摄像头的…

    好文分享 2025年12月21日
    000
  • HTML5仿手机微信聊天界面

    这篇文章主要为大家详细介绍了html5仿手机微信聊天界面的关键代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 给大家带来的是HTML5仿手机微信聊天界面,截图效果如下: 源代码如下: XML/HTML Code复制内容到剪贴板 HTML5模拟微信聊天界面 /**重置标签默认样式*/ * { …

    2025年12月21日
    000
  • 用html5绘制折线图的实例代码

    这篇文章主要介绍了关于用html5绘制折线图的实例代码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 XML/HTML Code复制内容到剪贴板 (function (){ window.addEventListener(“load”, function(){ var data = …

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信