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~~~