HTML5新增了哪些特性?

30,962次阅读
没有评论

共计 1319 个字符,预计需要花费 4 分钟才能阅读完成。

=========

HTML5 是 HTML 最新的修订版本,2014 年 10 月由万维网联盟(W3C)完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5 是最新的 html 标准,拥有新的语义、图形以及多媒体元素,简化 web 应用,对应程序员来说也是简单易学。通常简称“H5”。

支持 HTML5 的浏览器包括 Firefox(火狐浏览器),IE9 及其更高版本,Chrome(谷歌浏览器),Safari,Opera 等;国内的 遨游浏览器(Maxthon),以及基于 IE 或 Chromium(Chrome 的工程版或称实验版)所推出的 360 浏览器、搜狗浏览器、QQ 浏览器、猎豹浏览器等国产浏览器同样具备支持 HTML5 的能力。

HTML5 与 HTML 比较

============

区别 1 :html5 不区分是否是严格模式还是传统模式,而 html 声明时有严格、传统、框架模式。文档声明变得简单明了。

html5 的声明:

html 的声明:

** 区别 2:**html 没有语义化标签,而 html5 添加了许多语义标签,使代码结构清晰,提高代码可读性。

  • 如:header、nav、footer、main、artical、section 等。

** 区别 3:**html 无法在网页上动态的绘制图片,而 html5 新增了 canvas 画布,canvas 绘制的图片放大后会失真,而 SVG 可绘制矢量图形。

H5 新增特性

=======

  1. Canvas、SVG – 用于绘画的元素,canvas 绘制的图片会失真而 SVG 绘制的不会失真。

  2. video、audio – 用于播放视频和音频的媒体。

  3. Drag、Drop – 用于拖放的。

  4. Geolocation – 用于获取地理位置。

  5. localStorage、sessionStorage – 用于本地离线存储。

  6. webSQL、IndexDB – 前端数据库操作,由于安全性极低,目前 h5 已放弃。
    自我介绍一下,小编 13 年上海交大毕业,曾经在小公司待过,也去过华为、OPPO 等大厂,18 年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024 年 Web 前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

HTML5 新增了哪些特性?

HTML5 新增了哪些特性?

既有适合小白学习的零基础资料,也有适合 3 年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了 95% 以上前端开发知识点,真正体系化!

HTML5 新增了哪些特性?

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

HTML5 新增了哪些特性?

最后的最后

面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的 offer。
需要完整面试题的朋友可以点击蓝色字体免费获取

HTML5 新增了哪些特性?

HTML5 新增了哪些特性?

HTML5 新增了哪些特性?

HTML5 新增了哪些特性?

4182)]

[外链图片转存中…(img-K4hBcm3e-1713491154182)]

[外链图片转存中…(img-XDEVRCeN-1713491154182)]

原文地址: HTML5 新增了哪些特性?

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-07发表,共计1319字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)