HTML中有哪些属于表单元素?那些属于表格元素?请分别列举5个并说明用途？ 请写出input常用的13种type类型，并写出每种类型的应用场景，canvas 和 svg 的区别是什么？它们的应，

HTML中常用的表单元素包括：文本区域(TEXTAREA)，列表框(SELECT)，文本输入框(INPUT type=text)，密码输入框(INPUT type=password)，单选输入框(INPUT type=radio)，复选输入框(INPUT type=checkbox)，重置按钮、提交按钮、隐藏域、等等。

1、基本的表格

  有三个元素是每个表格都必须要有的: table、tr和td。元素table，是HTML用以支持表格式内容的核心元素，它表示HTML文档中的表格。

 

text 默认的输入类型。

password 密码，表现为一连串的点。

file 文件上传控件。

radio 单选按钮

checkbox 复选框

hidden 隐藏的输入字段，用于在表单中添加对用户不可见

button 按钮

image 图像形式的提交按钮

reset 重置按钮,清除表单中所有数据

submit 提交按钮,提交按钮会把表单数据发送到服务器

color 调色板

tel 包含电话号码的输入域

search 搜索域

number 包含数值的输入域

range 包含一定范围内数字值的输入域

date 选取日、月、年的输入域

month 选取月、年的输入域

week 选取周、年的输入域

time 选取月、年的输入域

datetime 选取时间、日 月、年的输入域(UTC时间)

datetime-local 选取时间、日 月、年的输入域(本地时间)

 

 

1. Canvas主要是用笔刷来绘制2D图形的。

2. SVG主要是用标签来绘制不规则矢量图的。

3. 相同点：都是主要用来画2D图形的。

4. 不同点：Canvas画的是位图，SVG画的是失量图。

5. 不同点：SVG节点过多时渲染慢，Canvas性能更好一点，但写起来更复杂。

6. 不同点：SVG支持分层和事件，Canvas不支持，但是可以用库实现。

SVG常常用于简单图像，无论是应用程序还是网页中的图像，大图像还是小图像。

Canvas非常适合非交互的实时数据可视化。比如实时天气数据。

1. 将CSS放在页面底部会导致FOUC以及白屏现象，取决于浏览器做出的抉择，但体现都很差。

2. 将CSS放在页面顶部，浏览器会第一时间选择加载CSS而不是gif等其他需要的，这样页面将会逐步呈现，给用户更好的体验。

3. HTML的规范中规定，LINK只能出现在head中，但后来很多网站违背了这个原则，而浏览器为了兼容这些网站做出了妥协，然而却引发了FOUC和白屏的问题，解决方案如题。