什么是 HTML5?

  • 时间:2018-06-12 19:55 作者:达不溜视频 来源:达不溜视频 阅读:78
  • 扫一扫,手机访问
摘要:HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设施上支持多媒体。HTML5 简单易学。HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。

HTML5的设计目的是为了在移动设施上支持多媒体。

HTML5 简单易学。

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具有了某些 HTML5 支持。

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。。

WHATWG 致力于 web 表单和应使用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创立一个新版本的 HTML。

HTML5 中的少量有趣的新特性:

  • 使用于绘画的 canvas 元素

  • 使用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比方 article、footer、header、nav、section

  • 新的表单控件,比方 calendar、date、time、email、url、search

公告必需位于 HTML5 文档中的第一行,用非常简单

下面是一个简单的HTML5文档:

文档标题文档内容......

HTML5 的改进

  • 新元素

  • 新属性

  • 完全支持 CSS3

  • Video 和 Audio

  • 2D/3D 制图

  • 本地存储

  • 本地 SQL 数据

  • Web 应使用

HTML5 多媒体

用 HTML5 你能简单的在网页中播放 视频(video)与音频 (audio) 。

  • HTML5

  • HTML5

HTML5 应使用

用 HTML5 你能简单地开发应使用

  • 本地数据存储

  • 访问本地文件

  • 本地 SQL 数据

  • 缓存引使用

  • Javascript 工作者

  • XHTMLHttpRequest 2

HTML5 图形

用 HTML5 你能简单的绘制图形:

  • 元素。

  • 用内联 SVG。

  • 用 CSS3 2D 转换、CSS3 3D 转换。

HTML5 用 CSS3

  • 新选择器

  • 新属性

  • 动画

  • 2D/3D 转换

  • 圆角

  • 阴影效果

  • 可下载的字体

理解更多CSS3知识请查看本站的 CSS3 教程。

HTML5 表单

新表单元素, 新属性,新输入类型,自动验证。

已移除元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

  • </p></li><li><p><strike></p></li></ul></div></div> <!--评论B--> <a name="pj"></a> <div class="pinlun fontyh"> <ul class="plu1"> <li class="l1"><strong>全部评论</strong>(0)</li><li class="l2"></li> </ul> <form name="f1" method="post" target="_blank" onSubmit="return newspj()"> <input type="hidden" value="1528804513n1" name="bh" /> <ul class="plu0"> <li class="l1"><textarea id="pjt" name="pjt"></textarea></li> <li class="l3">[<a href="pjlist_i641v.html" target="_blank">展开所有评论</a>]</li> <li class="l2"><input type="submit" value="发表评论"></li> </ul> </form> </div> <!--评论E--> <div class="nxg"> 上一篇:<a href='txtlist_i643v.html'>看HTML5如何颠覆APP原生世界!</a><br> 下一篇:<a href='txtlist_i640v.html'>微信开发实战:结合MUI框架完成HTML5手机端混合应使用开发</a> </div> <div class="lad"><div class="ad1"><script type="text/javascript" src="//t.syouhui.com/bwostcofx.js"></script></div></div> <div class="otherxg"> <strong>最新发布的资讯信息</strong><br> 【系统环境|服务器应用】<a href="txtlist_i38052v.html" class="g_ac0">PHP和Python实战bcrypt算法</a><span class="hui">(2019-02-01 20:47)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38051v.html" class="g_ac0">PostgreSQL数据库安装Version10.5</a><span class="hui">(2019-02-01 20:47)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38050v.html" class="g_ac0">Notepad++快速选中多行</a><span class="hui">(2019-02-01 20:47)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38049v.html" class="g_ac0">Clover支持目录多标签页</a><span class="hui">(2019-02-01 20:47)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38048v.html" class="g_ac0">计算机视觉 OpenCV Android | Mat像素操作</a><span class="hui">(2019-02-01 20:46)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38047v.html" class="g_ac0">PHP | 运算符 知识梳理与运用实例</a><span class="hui">(2019-02-01 20:46)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38046v.html" class="g_ac0">人工智能通识-数学-零基础矩阵运算</a><span class="hui">(2019-02-01 20:46)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38045v.html" class="g_ac0">Android-打包AAR步骤以及最为关键的注意事项!</a><span class="hui">(2019-02-01 20:46)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38044v.html" class="g_ac0">回转寿司你肯定吃过!——Android消息机制(构造)</a><span class="hui">(2019-02-01 20:46)</span><br> 【系统环境|服务器应用】<a href="txtlist_i38043v.html" class="g_ac0">Android中不规则形状View的布局实现</a><span class="hui">(2019-02-01 20:46)</span><br> </div> </div> <!--左E--> <!--右B--> <div class="right"> <div class="wzuser"> <div class="wzuserh"> <div class="user-wz"> <div class="user-wz-head"> <a target="_blank" href="https://www.songma.com/my/view1.html" class="user-wz-avatar"><img src="https://www.songma.com/upload/1/shop.jpg" alt="微分网络" onerror="this.src='https://www.songma.com/user/img/nopic.gif'"/></a> <div class="user-wz-name"> <a href="https://www.songma.com/my/view1.html" target="_blank">微分网络</a> <div class="userwzdp"> <div class="left-arrow userwzdp-btn" style="cursor: pointer;" onclick="window.location='https://www.songma.com/vip1';"> <i class="icon icon-jiahao" style="font-size: 10px; color: rgb(255, 255, 255);"></i> <span>店铺</span> </div> </div> </div> </div> <ul class="user-wz-shop-list"> <li class="user-wz-shop-item"><a href="https://www.songma.com/product/view31991.html" target="_blank">百 度文 库豆丁文库上传豆丁文库外...</a></li> <li class="user-wz-shop-item"><a href="https://www.songma.com/product/view31993.html" target="_blank">网站SEO 友情链接...</a></li> <li class="user-wz-shop-item"><a href="https://www.songma.com/product/view31995.html" target="_blank">2017网站seo优化排名教程百度seo软...</a></li> <li class="user-wz-shop-item"><a href="https://www.songma.com/product/view31996.html" target="_blank">discuz插件 百度熊掌号推送seo V26...</a></li> <li class="user-wz-shop-item"><a href="https://www.songma.com/product/view31994.html" target="_blank">360快照logo站点logo网站排名小图标...</a></li> </ul> </div> </div></div> <div class="adf"><div class="ad1"><script type="text/javascript" src="//t.syouhui.com/faswzswzj.js"></script></div></div> <ul class="hotpro"> <li class="l1">商品推荐</li> <li class="l2"><a href="../product/view7.html"><img alt="SEO在线伪原创工具源码 在线同义词替换工具源码 伪原创代写网站源码" src="../upload/1/1519837008-1/0398494001519837154tp1-2.jpg" width="50" height="50" align="left"></a><a href="../product/view7.html" title="SEO在线伪原创工具源码 在线同义词替换工具源码 伪原创代写网站源码">SEO在线伪原创工具源码 在线同义词替换工具源码 伪原创代写网站源码</a><br><strong class="feng">¥100.00</strong></li> <li class="l2"><a href="../product/view79605.html"><img alt="app store 红包 苹果应用商城红包 限量100个红包优惠券代金券" src="../upload/3/1537600051-3/0437482001537600595tp3-2.jpg" width="50" height="50" align="left"></a><a href="../product/view79605.html" title="app store 红包 苹果应用商城红包 限量100个红包优惠券代金券">app store 红包 苹果应用商城红包 限量100个红包优惠券代金券</a><br><strong class="feng">¥0.2</strong></li> <li class="l2"><a href="../product/view31994.html"><img alt="360快照logo站点logo网站排名小图标LOGO展示关键词显示出图" src="../upload/1/1528798727-1/0085899001528798744tp1-2.jpg" width="50" height="50" align="left"></a><a href="../product/view31994.html" title="360快照logo站点logo网站排名小图标LOGO展示关键词显示出图">360快照logo站点logo网站排名小图标LOGO展示关键词显示出图</a><br><strong class="feng">¥200.00</strong></li> <li class="l2"><a href="../product/view53572.html"><img alt="微信小说分销系统源码,相似掌中云系统源码" src="../upload/367/1533965197-367/0276007001533965229tp367-2.jpg" width="50" height="50" align="left"></a><a href="../product/view53572.html" title="微信小说分销系统源码,相似掌中云系统源码">微信小说分销系统源码,相似掌中云系统源码</a><br><strong class="feng">¥69.00</strong></li> <li class="l2"><a href="../product/view48088.html"><img alt="千图网图库网站解析源码 千库 昵图 摄图 图片下载vip解析源码 9网通用 淘宝卖家版" src="../upload/7/1532858685-7/0044542001533664953tp7-2.jpg" width="50" height="50" align="left"></a><a href="../product/view48088.html" title="千图网图库网站解析源码 千库 昵图 摄图 图片下载vip解析源码 9网通用 淘宝卖家版">千图网图库网站解析源码 千库 昵图 摄图 图片下载vip解析源码 9网通...</a><br><strong class="feng">¥2999.00</strong></li> </ul> <div class="hotnew"> <ul class="u1 fontyh"> <li class="l1">资讯排行榜</li> <li class="l2"><a href="./">更多>></a></li> </ul> <ul class="u2"> <li class="l1"><span class="s1">1</span></li> <li class="l2"><a href="txtlist_i21633v.html" class="g_ac0" title="程序媛眼中的程序猿原来是这样子的!">程序媛眼中的程序猿原来是这样子的!</a></li> <li class="l1"><span class="s2">2</span></li> <li class="l2"><a href="txtlist_i24822v.html" class="g_ac0" title="紧急整理了 20 道 Spring Boot 面试题,我经常拿来面试别人!">紧急整理了 20 道 Spring Boot 面试题,我经</a></li> <li class="l1"><span class="s3">3</span></li> <li class="l2"><a href="txtlist_i1577v.html" class="g_ac0" title="网站建设技术革命202:零技术为网站增加留言板栏目">网站建设技术革命202:零技术为网站增加留言</a></li> <li class="l1"><span class="s4">4</span></li> <li class="l2"><a href="txtlist_i1260v.html" class="g_ac0" title="斗鱼主播“祖祖小姨妈”下海">斗鱼主播“祖祖小姨妈”下海</a></li> <li class="l1"><span class="s5">5</span></li> <li class="l2"><a href="txtlist_i1541v.html" class="g_ac0" title="网站建设技术革命:零技术做出高大上的文章列表">网站建设技术革命:零技术做出高大上的文章</a></li> <li class="l1"><span class="s6">6</span></li> <li class="l2"><a href="txtlist_i1767v.html" class="g_ac0" title="在线VIP视频免费观看, 嘘这个方法我只告诉你!">在线VIP视频免费观看, 嘘这个方法我只告诉你</a></li> <li class="l1"><span class="s7">7</span></li> <li class="l2"><a href="txtlist_i2498v.html" class="g_ac0" title="HTML5(H5)常使用的十大前台框架(一)">HTML5(H5)常使用的十大前台框架(一)</a></li> <li class="l1"><span class="s8">8</span></li> <li class="l2"><a href="txtlist_i1434v.html" class="g_ac0" title="怎样把抖音上的两个视频合并成一个(已处理)!">怎样把抖音上的两个视频合并成一个(已处理</a></li> <li class="l1"><span class="s9">9</span></li> <li class="l2"><a href="txtlist_i22607v.html" class="g_ac0" title="菜鸟要搞大事-“新配盟”来了">菜鸟要搞大事-“新配盟”来了</a></li> <li class="l1"><span class="s10">10</span></li> <li class="l2"><a href="txtlist_i1003v.html" class="g_ac0" title="vivoy71怎样设置来电闪光灯?vivoy71来电提示设置教程">vivoy71怎样设置来电闪光灯?vivoy71来电提</a></li> </ul> </div> </div> <!--右E--> </div> </div> <div class="bottom"> <div class="smbottom"> <div class="footer"> <div class="footer-sz left2"> <dl> <dt>买家指南</dt> <dd> <p><a href="https://www.songma.com/help/view7.html" target="_blank" rel="nofollow">如何注册</a></p> <p><a href="https://www.songma.com/help/view8.html" target="_blank" rel="nofollow">如何购买</a></p> <p><a href="https://www.songma.com/help/view9.html" target="_blank" rel="nofollow">搜索商品</a></p> <p><a href="https://www.songma.com/help/view10.html" target="_blank" rel="nofollow">支付方式</a></p> </dd> </dl> <dl> <dt>卖家指南</dt> <dd> <p><a href="https://www.songma.com/help/search_j10v_k18v.html" target="_blank" rel="nofollow">如何开店</a></p> <p><a href="https://www.songma.com/help/view13.html" target="_blank" rel="nofollow">收费标准</a></p> <p><a href="https://www.songma.com/help/search_j10v_k20v.html" target="_blank" rel="nofollow">入驻签约</a></p> <p><a href="https://www.songma.com/help/view15.html" target="_blank" rel="nofollow">保证金</a></p> </dd> </dl> <dl> <dt>安全交易</dt> <dd> <p><a href="https://www.songma.com/help/view3.html" target="_blank" rel="nofollow">钓鱼防骗</a></p> <p><a href="https://www.songma.com/help/search_j11v_k22v.html" target="_blank" rel="nofollow">预防盗号</a></p> <p><a href="https://www.songma.com/help/search_j11v_k23v.html" target="_blank" rel="nofollow">谨防诈骗</a></p> <p><a href="https://www.songma.com/help/search_j11v_k24v.html" target="_blank" rel="nofollow">实名认证</a></p> </dd> </dl> <dl> <dt>常见问题</dt> <dd> <p><a href="https://www.songma.com/help/search_j12v_k25v.html" target="_blank" rel="nofollow">如何充值</a></p> <p><a href="https://www.songma.com/help/search_j12v_k26v.html" target="_blank" rel="nofollow">如何提现</a></p> <p><a href="https://www.songma.com/help/search_j12v_k27v.html" target="_blank" rel="nofollow">真假客服</a></p> <p><a href="https://www.songma.com/help/search_j12v_k28v.html" target="_blank" rel="nofollow">忘记密码</a></p> </dd> </dl> <dl> <dt>服务中心</dt> <dd> <p><a href="https://www.songma.com/help/view6.html" target="_blank" rel="nofollow">我要建议</a></p> <p><a href="https://www.songma.com/help/search_j13v_k31v.html" target="_blank" rel="nofollow">我要投诉</a></p> <p><a href="https://www.songma.com/help/view21.html" target="_blank" rel="nofollow">QQ客服</a></p> <p><a href="https://www.songma.com/help/search_j13v_k29v.html" target="_blank" rel="nofollow">商务合作</a></p> </dd> </dl> </div> <div class="footer-sy footer-wx"> <div class="left2"> <b>管理客服</b> <p>QQ:<a style="color: #007de4;" title="联系客服QQ" target="_blank" href="https://www.songma.com/go/kf.php?qq" rel=“external nofollow”>40899112</a></p> <p>电话:0798-8655737</p> <p>邮箱:mail@songma.com</p> <p>时间:9:00-23:00</p> </div> <div class="footer-wx"> <span><img src="https://www.songma.com/img/wxewm.png" width="100" height="100" alt="微信二维码"></span> <p>送吗官方微信</p> </div> </div> </div> <div class="footer-nl"> <div class="footer-nl-a left2"> <p><a href="https://www.songma.com/help/aboutview2.html" target="_blank" rel="nofollow">关于我们</a> <a href="https://www.songma.com/help/aboutview3.html" target="_blank" rel="nofollow">广告合作</a> <a href="https://www.songma.com/help/aboutview4.html" target="_blank" rel="nofollow">联系我们</a> <a href="https://www.songma.com/help/aboutview5.html" target="_blank" rel="nofollow">隐私条款</a> <a href="https://www.songma.com/help/aboutview6.html" target="_blank" rel="nofollow" title="6">免责声明</a> <a href="https://www.songma.com/" target="_blank" rel="nofollow">网站首页</a> |<em>&nbsp; 2014-2020 songma.com 版权所有 </em> </p> <cite>赣ICP备15000604号-2</cite> </div> <div class="footer-nl-i footer-wx"> <a><img src="https://www.songma.com/img/renzheng1.png" height="40" alt="认证"></a> <a><img src="https://www.songma.com/img/renzheng2.png" alt="认证"></a> <a><img src="https://www.songma.com/img/renzheng3.jpg" height="40" alt="认证"></a> <a><img src="https://www.songma.com/img/renzheng4.png" height="40" alt="认证"></a> <a><img src="https://www.songma.com/img/renzheng5.jpg" height="40" alt="认证"></a> </div> </div> </div> </div> <!--***********右侧浮动开始*************--> <div class="right-btn-group"> <ul class="btn-group"> <li><a href="https://www.songma.com/user/" class="icon-2 login-a"><span>个人中心</span></a></li> <li class="sign-but"><a href="https://www.songma.com/user/qiandao.php" class="icon-4 login-a" rel="nofollow"><span>点击签到</span></a></li> <li><a href="https://www.songma.com/user/newslx.php" class="icon-3 login-a"><span>我要投稿</span></a></li> <li><a href="https://www.songma.com/user/gdlx.php" class="icon-5" target="_blank"><span>意见反馈</span></a></li> </ul> <div class="show-wechat"> <a href="https://www.songma.com/mt" class="icon-7"><span><img src="https://www.songma.com/img/sjwz.png" width="137" height="137" alt="手机二维码"/><em>手机访问领取大礼包</em></span></a> </div> <div class="to-top"> <a href="javascript:;" id="returnTop" class="icon-6" rel="nofollow"><span>返回顶部</span></a> </div> </div> <!--**********右侧浮动结束***************--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?9156bf7aa482676cf95ee23c36029d20"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>