前端校招面试题目合集练习-4

题目来自于牛客网题库-前端校招面试题目合集。
该题库共501题
学习目标：题库501道题目学习一遍。

学习目标：

• 学习进度：40/501

---

学习内容：

1. 表单的基本组成部分有哪些？主要的用途是什么？
   表单的组成有：表单标签，表单域，表单按钮。
   主要用途：在网页中主要负责数据采集 功能和向服务器发送数据。
2. 表单提交中GET和POST方式有什么区别？
   GET方式是明文提交，POST方式是加密后提交。
   提交方式也不一样。GET是数据按照variable=value形式添加到action的url，用？连接。变量间用&连接。POST是将数据放在form的数据体中提交。按照变量和值对应的方式提交。
   传输信息所在位置也不一样。GET可以放在body内，POST信息放在http头部。
   GET是从服务器获取数据，POST是向服务器发送数据。
   GET方式传输数据量小，安全性低。
   POST方式传输数据量大，安全性高。
3. HTML5有哪些新增的表单元素？
   datalist：规定输入域的选项列表，通过包含的option来创建列表。
   keygen：一种验证用户的可靠方法，提供公钥私和密钥，但兼容性差。
   output：用来提供不同类型的输出。
4. HTML5废弃了哪些HTML4标签？
   纯表现元素：basefont ,big, center, font, s ,strike, tt, u,
   对可用性产生负面影响的元素：frame,frameset,noframes
   产生混淆的元素：acronyn, applet, isindex,dir
5. HTML5提供了哪些新的API？
   Media API ,Text Track API , Application Cache API ,User Interaction,Data Transfer API,Commannd API,Constraint Validation API,History API
6. HTML5存储类型有哪些？
   cookies ,localStorage,sessionStorage 。
7. HTML5应用程序缓存和浏览器缓存有什么区别？
   HTML5引入应用程序缓存意味着WEB应用可以进行缓存，可在没有网络时进行访问。应用程序缓存的优势是用户可以离线使用，加载速度更快，减少服务器负载。前者相比传统浏览器，不会强制用户访问的网站内容缓存。
8. HTML5 的canvas元素有什么作用？
   canvas元素可以用在网页上进行绘制图片，强大在于可以直接在HTML上进行图形操作。
9. 除了audio和video，HTML5还有哪些媒体标签？
   embed标签，定义嵌入的内容，比如插件。
   track标签为诸如video元素之类的媒介规定外部文本轨道。
   source 标签定义媒体资源。
   canvas标签定义图片。
10. HTML5中如何嵌入视频?
    使用video,source标签。

---

学习时间：

2021/1/11 17:00-17:25
花费时间：25min

---

寄语

冰冻三尺，非一日之寒。冷呀。。。
又是努力学习的一天，加油！