万站网

网络服务商平台

0769-27192000

什么是HTML5?为什么会成为2019年网站建设热点技术?
0 回复贴
楼主

东莞菌

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中已经被删除:










  • <br/></li><li><strike><br/></li></ul></div><p><br/></p></div> <div class="content_item_time">2020-04-10 22:04:17</div> </div> </div> <div class="content_answer"> </div> <div class="page_box"> </div> </div> </div> <style> .foot_box {max-width: 1200px; margin: auto; background: #fff; padding: 20px 23px 50px 23px; border-top: 2px solid #eee;} .foot_box .title {font-size: 18px; color: #333; margin-bottom: 10px;} .foot_box .foot_menu li {display: inline-block; min-width: 86px; text-align: center; margin: 20px 15px 0 0;} .foot_box .foot_menu li:last-child {margin-right: 0;} .foot_box .foot_menu li a {display: block; padding: 10px 15px; line-height: 1; font-size: 14px; color: #666; background: #eee;} @media (max-width: 768px) { .foot_box {padding: 30px 15px;} .foot_box .title {font-size: 16px;} .foot_box .foot_menu li {width: calc((100% - 30px) / 3); margin-right: 15px; background: #E4E4E4;} .foot_box .foot_menu li:nth-child(3n) {margin-right: 0;} .foot_box .foot_menu li a {font-size: 12px;} } </style> <div class="foot_box"> <p class="title">网站导航:</p> <ul class="foot_menu"> <li> <a href="http://tc.dgjwz.com/pinpai" target="_blank"> 品牌首页 </a> </li><li> <a href="http://tc.dgjwz.com/baike" target="_blank"> 企业百科 </a> </li><li> <a href="http://tc.dgjwz.com/wenda" target="_blank"> 企业问答 </a> </li><li> <a href="http://tc.dgjwz.com/tieba" target="_blank"> 企业贴吧 </a> </li><li> <a href="http://tc.dgjwz.com/pinpai#content_card" target="_blank"> H5名片 </a> </li><li> <a href="http://tc.dgjwz.com/mp4" target="_blank"> 企业视频 </a> </li><li> <a href="http://www.dgjwz.com" target="_blank"> 企业官网 </a> </li> </ul> </div><script> $('.enterprise_head_menu_pc li[data-type="EnterpriseTieba"] a').addClass('active'); $('.enterprise_head_menu_mobile_list .enterprise_head_menu li[data-type="EnterpriseTieba"] a').addClass('active'); $('.icon-sousuo').click(function(){ window.location.href='/EnterpriseTieba/'+$(this).parent().find('.hotKeywordsearch').val(); }) </script> </body> </html>