首页 前端知识 HTML5新增了哪些特性?

HTML5新增了哪些特性?

2024-04-09 23:04:51 前端知识 前端哥 433 898 我要收藏

=========

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的声明:

  • html 4.01 Strict:

  • html 4.01 Transitional:

  • html 4.01 Framest:

**区别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前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

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

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

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

最后的最后

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

大厂面试题

面试题目录

4182)]

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4697.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!