HTML基本功（HyperText Markup Language）

在这篇文章里我会把资源列出来，然后标记一些好的题目。本文将会不断修改和更新。

一、githubfe-interview/html.md at master · haizlin/fe-interview (github.com)

1.html的元素有哪些？

​​​​​​[html] 第2天 html的元素有哪些（包含H5）？ · Issue #4 · haizlin/fe-interview (github.com)

总结：

  （1）例如轮播图demo中经常会在ul块级元素的li标签里先设置一个行内元素a,a中href属性可以添加超链接。而a中常包含img 元素，其中一般跟着src配置资源地址，alt配置文字信息。一般来说点击轮播图，会跳转到该图片对应的详情页面，所以用 <a> 标签包裹图片。

2.浏览器内多个标签页之间的通信方式有哪些？

[html] 第9天 浏览器内多个标签页之间的通信方式有哪些？ · Issue #25 · haizlin/fe-interview (github.com)

网页消息通信_欲穷千里目，更上一层楼 (gitee.io)

3.iframe框架都有哪些优缺点？

现在基本上都是用Ajax来代替iframe，所以iframe已经渐渐的退出了前端开发。。。

4.如何让元素固定在页面底部？有哪些比较好的实践？

JELLY | Sticky Footer，完美的绝对底部 (jd.com)

5.如何防止cookie被盗用？

[html] 第242天 如何防止cookie被盗用？ · Issue #1645 · haizlin/fe-interview (github.com)

二、掘金/知乎/博客园/CSDN：

1.html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化

语义化标签简历在文档化页面的基础上面，将网页当做是一个文档，DOM中的D（document）以及在书写js是用到的document就已经很清晰的告诉我们，计算机将页面当做是一个document，我们也可以将页面归为document的一种。

语义化：(33 封私信 / 80 条消息) 怎样理解HTML5和CSS3的语义化标签？ - 知乎 (zhihu.com)

(33 封私信 / 80 条消息) 有哪些被低估未被广泛使用的有用的 HTML标签？ - 知乎 (zhihu.com)

结构化：HTML结构化 - 最骚的就是你 - 博客园 (cnblogs.com)

SEO优化：(33 封私信 / 80 条消息) 公司要做SEO整站优化，要注意哪些点？ - 知乎 (zhihu.com)

SEO优化可讲的点有很多啊，而且它是对公司利益非常有帮助的。可以单独写一篇。

2.h5中新增的属性;

3.h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video)