1.如何理解HTML CSS语义化？在平时写代码的过程中要注意哪些细节？

• 语义化是指选择语义合适的标签，使用合理的代码结构，使元素有恰当的命名。这样有利于开发者和搜索引擎更好的理解。比如制作一个表格时，使用thead、tbody、tfoot比直接使用<tr><td>更容易让人理解，更规范化。
• 注意的细节：

• 尽可能少的使用无语义的标签。如div、span等；
• 在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
• 尽量少使用纯样式标签，如：b、font、u等，改用css设置；
• 养成良好的格式化代码习惯；
• 标识符要具有可读性。

2.form表单有什么作用？有哪些常用的input标签，分别有什么作用？

• form表单主要是用来将用户提交的数据传递到服务器。
• 常用的input标签：

• <input type="text" /> 文本输入框，可输入文本的单行输入字段。
• <input type="checkbox" />复选框，可以设置选取一个或多个选项。
• <input type="password" /> 密码输入框，密码字段中的字符会被掩码。
• <input type="radio" /> 单选按钮，选取给定数目的选择中的一个选项。
• <select>下拉选项，例如：

<form>
<select name="cars">
<option value="BMW">BMW</option>
<option value="saab">Saab</option>
<option value="audi">Audi</option>
</select>
</form>

• <textarea>多行输入框，可写入的字符字数不受限制。

3.post和get方式的区别？

• post和get是将表单中的数据传送给服务器进行处理的两种方法，如果采用的是post的方法，浏览器会将表单中的数据传递给服务器。而采用get的方法是用来从服务器上获得数据。如图所示：

post get

• post和get区别：

• 从图上我们可以看到get请求把表单的数据放置在请求的URL当中，而post请求则不会把数据放置在URL当中，因为get请求的表单数据在URL当中，所以如果收藏网页，表单信息也可以被收藏起来，而且表单数据也会随着URL存在历史记录当中。
• PUT方法是幂等的：调用一次与连续调用多次是等价的（即没有副作用），而连续调用多次POST方法可能会有副作用，比如将一个订单重复提交多次。
• 如果考虑长度的限制，因为get方法把数据放在URL当中，虽然HTTP协议规范没有对URL长度进行限制，但是特定的浏览器和服务器对URL的长度是有限制的，例如IE对URL的限制是2083字节。post方法是没有大小限制的，起限制作用的是服务器处理程序的能力。
  参考：
  浅谈HTTP中Get与Post的区别

4.在input里，name有什么作用？

• name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。只有设置了name属性的表单元素才能在提交表单时传递数据。

5.<buttom>提交</buttom>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么区别？

• <a class="btn" href="#">是一个超链接，不是按钮。
• <buttom>标签定义一个按钮，在内容上，不仅可以是文本还可以是图像等。如图所示：

• <input type="submit" value="提交">提交表单的值。value的值为按钮的值。
• 二者的区别主要在元素内部，<buttom>可以放置内容不仅仅文本还有图像等多媒体内容，而<input type="submit" value="提交">只可以放置文本。

6.radio如何分组？

通过设置不用的name的属性值，可分为不同的组，name相同的为一组。

7.placeholder属性有什么作用？

• placeholder的作用主要是placeholder属性值为文本框没有内容时，显示出来的内容。起提示作用。

8.type=hidden隐藏域有什么作用？举例说明。

• 隐藏字段对于用户是不可见的。在表单中插入隐藏域的目的在于发送或收集信息以便被处理表单的程序所使用，还要安全性检验，防止网站用户伪造表单对其他用户的信息造成不安全的影响。