HTML进阶(三)

119 阅读2分钟

这是我参与8月更文挑战的第二十三天,活动详情查看:8月更文挑战

HTML进阶

HTML进阶(二)

昨天看了部电影,觉得很是精彩,推荐大家去看看。很喜欢其中的一句话。

有时候,正是那些无人看好之人。最终成就了无人能及的成就。 ----《模仿游戏》

好,废话不多说。直接书接上回,继续我们的HTML之旅。

Canvas和SVG

  • svg绘制出来的图形的元素每一个都是独⽴的 DOM节点,会很⽅便的绑定事件或修改。而canvas 输出的是⼀整幅画布

  • svg输出的图形是⽮量图形,可以通过调整参数来⾃由放⼤缩⼩图形,不会失真和锯⻮。⽽canvas 输出标量画布,就像⼀张图⽚⼀样,放⼤会失真或者锯⻮

网页验证码是干嘛的,是为了解决什么安全问题

  • 首先是区分⽤户是计算机还是人的工具。还可以防⽌恶意破解密码、抢票,刷论坛等

  • 还可以有效防⽌⿊客对某⼀个特定程序频繁注册⽤户

src与href的区别

  • src(source):替换当前元素,指向外部资源的位置,在请求src 资源时会将其指向的资源下载并嵌⼊到⽂档中当前标签所在的位置,例如 js 脚本,img 图⽚和 frame 等元素

PS: <script src ="js.js"></script> 当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,图⽚和框架等元素也如此,类似于将所指向资源嵌⼊当前标签内。所以这也是为什么将js脚本放在底部, ⽽不是头部的原因

  • href(Hypertext Reference):指向⽹络资源所在位置,建⽴和当前元素(锚点)或当前⽂档(链接)之间的链接,如果我们在⽂档中添加 <link href="common.css" rel="stylesheet"/> 那么浏览器会识别该⽂档为css ⽂件,就会并⾏下载资源并且不会停⽌对当前⽂档的处理。这也是为什么建议使⽤link ⽅式来加载 css ,⽽不是使⽤ @import ⽅式

END~~~