HTML5是什么，它能干什么？

最新推荐文章于 2024-07-08 18:14:28 发布
置顶 最新推荐文章于 2024-07-08 18:14:28 发布
阅读量528 收藏
点赞数
分类专栏： HTML5 文章标签： html5 javascript xhtml safari html firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apkland/article/details/7636951
版权
转载请注明出处： apkland.com

HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0 标准。
在原有的HTML基础上多加了新的语法特征，其中包括<video>, <audio>, 和<canvas>元素，表单验证相关的属性等等。
目前支持HTML5的浏览器有：Firefox（火狐），Chrome，Safari，Opera，以及IE9。

那么它能干什么呢？与其讲一大堆废话，不如直接上例子，比较直观易懂。

下面两个是用Html5+Css3+Javascript制作的优秀例子。
1. 利用画布(canvase)制作的鼠标效果
http://craftymind.com/factory/html5video/CanvasVideo.html
html5_sample1.png
2012-5-22 16:04:27 上传
下载附件(449.7 KB)



2. 下面这个是模仿电影院的效果。
http://media.chikuyonok.ru/ambilight/
html5_sample2.png

当然只用简单的Html5标签是做不到的，还需要用Css3的新特性以及Javascript结合来完成。
敬请期待后续的精彩文章，谢谢！
apkland
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5是什么
pangzunlian的专栏
04-16 1485
HTML5是目前超文本标记语言 (Hyper Text Markup Language)最新修订版。HTML可以理解为一门程序语言，HTML5字面的意思，这门程序语言的第五次修订，也是HTML的第五个版本。 广义上，可以理解成HTML5、CSS、Javascript的组合，是Web前端开发的必备技能，简称H5技术。相比较之前版本，最大的变动就是除了对PC端个浏览器解析起来更加方便快捷外，更加适合移动端的Web开发，因此增加了很多标签和属性，比如<article>、<nav>、&lt
什么是HTML5?
qf2019的博客
08-16 2197
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改，2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的...
HTML5能做哪些东西呢？这篇文章给你答案
xiaoxijinger的博客
03-04 1033
目前HTML5技术已经日趋成熟。不仅在PC端，HTML5更是在移动终端上也有广泛的应用，HTML5的未来十分光明，值得学习。那么，学完HTML5后能做哪些东西呢？这是很多同学的疑问。下面，小千就为大家解疑，让你对HTML5有更清晰的认识。
HTML5开发都能干什么？从事哪些岗位？
xiaoxijinger的博客
03-04 2934
HTML5是移动互联网时代最佳的编程语言，得到各大企业的重视和应用，也造成了学习HTML5的热潮。但是，对于很多刚刚加入HTML5学习的人，对于HTML5并不是十分的了解，不知道学习HTML5能干什么工作？下面小千就来给大家分享一下。
什么是html5？了解它是什么？用来做什么？有什么用？
热门推荐
湮顾千古的博客
11-13 3万+
HTML的全称是（Hyper Text Markup Language ）即超文本标记语言，它是互联网上应用最广泛的标记语言。不要把HTML语言和Java、C等编程语言混淆起来，HTML只是一种标记语言，简单地说，HTML文件就是普通文本+HTML标记（HTML标签），和不同的标记就能表示不同的效果。 1.HTML发展历史 HTML1.0 在1993年6月作为互联网工程工作小组（IETF...
html5能干什么
笑一阁
03-18 2442
HTML5 是一个新的web标准的集合，它包括全新定义的HTML标签和更为规范化的HTML标签，CSS3以及全新的javascript API接口。这些接口既能操作前端所见所得，也能操作后台输送到前台的数据，比如宁人振奋的离线存储功能。 他完全可以实现类似于智能手机APP端的应用。只是在国内，受到网速，以及智能设备性能等原因的限制，HTML5 Web应用还处于萌芽发展阶段。 相比于手机上下载的
HTML5能做什么
s77108887的专栏
03-15 4153
今天看了下HTML5文档，久负盛名的HTML5的却有不少亮眼的特性，大部分标签已得到主流浏览器的支持，尽管各浏览器的支持还是有点差别。 1DRAG拖放支持 2VIEDEO/audio音视频支持,可以有多个source元素指定不同格式的音视频，浏览器会选择第一个识别的格式播放。 viedoe/audio内部文本当所有音视频标签不被支持时显示。 3CANVAS画布，可以做游戏 4SVG矢量图
学了HTML5将来能做什么？薪资水平如何？
01-07
1.HTML5能做什么？ 第一：最近火爆的微信小程序，非常的流行，在开发的过程，我们就会应用到HTML5的技术。 第二：手机和移动端是离不开HTML5的，现在都是移动端的天下，现在我们手机的一些功能：缓存、音乐、视频、...
学html5能干什么.docx
11-23
学html5能干什么.docx
前端html5可视化大屏，共28个
06-22
首先，HTML5（超文本标记语言第五版）是Web开发的基础，它增强了网页的互动性和多媒体支持。例如，HTML5的`<canvas>`元素提供了动态图形绘制能力，这对于创建可交互的数据图表至关重要。同时，`<video>`和`<audio>`...
HTML5层级关系架构图代码
06-24
总的来说，HTML5层级关系架构图代码是现代Web开发中的一个重要应用，它结合了HTML5、SVG和JavaScript的技术，提供了一种直观、可交互的方式来展示复杂的层次结构，对于理解和管理组织结构具有很高的价值。...
青蛙跳HTML5游戏源码
06-23
【HTML5游戏开发详解】 HTML5作为现代网页技术的核心，为开发者提供了丰富的功能，使得创建交互性强、体验感佳的在线游戏成为可能。在“青蛙跳”这款HTML5游戏中，我们可以深入探讨HTML5的一些关键技术和应用。 1....
html5 可以做什么
开心乐源的专栏
09-15 1670
先看几个有趣的应用： 1， 鱼缸，测试fps http://ie.microsoft.com/testdrive/performance/fishietank/ 2，小鸟，有音乐 http://ie.microsoft.com/testdrive/Browser/LassoBirds/ html5入门教程 http://hi.csdn.net/attac
html5能做什么？
Have fun,Study hard,Be myself
04-01 1409
w3c首席执行官jeff jaffe表示：从今天起，企业用户可以 清楚知道，他们能够在未来依赖html5。html5是开放web标准的基石，他是一个完整的 编程环境，适用于跨平台应用程序，视频和动画，图形，风格，排版和其他 数字内容发布工具，广泛的网络功能等。 Html5建立的规则：新特性应该基于HTML、CSS、DOM以及JavaScript；减少对外部插件的需求（比如Flash）；更优
使用 HTML5 可以做的五件很棒的事情
weixin_33800593的博客
05-19 120
　　作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。 1. 制作时尚的表单 　　表单是Web设计的重要组成部分，常见的有注册表单、联系表单以及反馈表单，表单设计应该在不影响用户体验和可用性的前提下尽量美观，以吸引用户填写内容。下面这些示例将带您体验 HTML5 的强大。 ...
学了html5能做什么,HTML5学完都能做什么？
weixin_31995343的博客
07-01 443
现在HTML5火爆是很多人都知道的也是很多人都看到的，如此火爆的HTML5市场明显导致报名HTML5培训的人飞速增加。但我觉得，我们不能一门语言的市场火爆就盲目培训，我们一定要确定自己是不是真的喜欢这门语言，尤其是与这门语言有关的那些工作自己是不是喜欢，只有这两点我们都确定了，我们才能真的能从心里接受HTML5，才能真正的为之努力。那么学完HTML5我们能做什么呢？HTML5都能做什么：一、如今比...
HTML5学完之后可以干什么呢？
qf2019的博客
10-29 993
HTML5是最新一代的HTML标准，它不仅拥有HTML中所有的特性，而且增加了许多实用的特性，如视频、音频、画布(canvas)等。W3C(万维网联盟)称：“HTML5是开放的Web网络平台的奠基石。”早在2013年有数据显示，全球有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。实际上，HTML5代表了新一代的HTML，是CSS和Java技术的总和，它是跨平台的，这在屏幕尺寸和分辨率各不相同的移动设备上具备天生的优势。 目前HTML5技术已经日趋成熟。不仅在PC端，HTML5
HTML5新增的input元素属性：placeholder、required、autofocus、min、max等
最新发布
pan_junbiao的博客
07-08 541
HTML5 大幅度地增加与改良了 input 元素的属性，可以简单地使用这些属性来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。 placeholder 属性：当用户没有输入值时，输入型控件可以通过placeholder 属性向用户显示描述说明或者提示信息。使用placeholder 属性只需要将说明性文字作为该属性的值即可。除了普通的文本输入框，email、number、url 等其他类型的输入框也都支持placeholder 属性。
什么是文档对象模型？能做什么？
05-20
它将整个文档解析成一个由节点和对象组成的结构，使得开发人员可以使用编程语言来操作文档的内容、结构和样式。 DOM能够做很多事情，例如： 1. 通过JavaScript动态地改变网页的内容和样式。 2. 在网页中添加和删除...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值