HTML4

有序列表、无序列表、自定义列表如何使用？如何嵌套？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？

有序列表强调次序只有在明确需要排序的时候使用，无序列表可以做一些板块例如导航栏样式。三种列表以及嵌套列表如下图:

无序列表.png
有序列表.png
自定义列表.png
列表嵌套.png

如何去除列表前面的点或者数字

ul {list-style: none; }

class 和 id 有什么区别？什么时候用 class 什么时候用 id？

• class属性可以多个标签共用,一个标签也可以有多个class属性
• 一个标签只能拥有一个id属性,一个id属性一般也只能作用于一个标签

区别.png

!!!不要这样写，js很容易出错

不要这样写.png

块级元素、行内元素、行内块状元素的区别以及对应的常用标签

• 块级元素:在html中div、p、h1-h6、form、table、ul 、ol和 li就是块级元素。
• 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
• 元素的高度、宽度、行高以及顶和底边距都可设置。
• 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
• 行内元素:在html中span、a、var、 strong 和em就是典型的行内元素
• 和其他元素都在一行上；
• 元素的高度、宽度及顶部和底部边距不可设置。
• 行内块状元素:在html中img、input就是行内块状元素。
• 和其他元素都在一行上
• 元素的高度、宽度、行高以及顶和底边距都可设置

display: block、display: inline、display: inline-block分别有什么作用?

• 设置display:block就是将元素显示为块级元素。
• 设置display:inline就是将元素设置为行内元素。

• 设置display: inline-block就是将元素设置为行内块状元素。
  举个例子:

  
  关于inline-block的理解.png

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

语义化可参照betterwlf的浅谈Html语义化

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

form表单作用是将用户输入的数据提交到后台。常见标签及作用如图:

input.png select.png

post 和 get 方式的区别？

• get用于提交少量数据，post用于提交大量数据。
• get 提交的数据在url和浏览记录中可以看到，安全性不好，而post不会留下记录，安全性高于get.
• get提交的数据最大值为1k。post提交数据理论上没有限制，但是受后台服务器的控制。

在input里，name 有什么作用？

与服务器交互数据时作为服务器端的标示,使得服务器能够识别数据类型。

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

• <button>提交</button>一个叫"提交"的按钮
• <a class="btn" href="#">提交</a>一个叫"提交"的a链接标签
• <input type="submit" value="提交">一个能提交所在<form>数据的"提交"按钮

radio 如何 分组?

通过name属性进行分组，name属性相同的是一组。

placeholder 属性有什么作用?

placeholder属性展示的是输入框里的提示。

type="hidden"隐藏域有什么作用?

type="hidden"用户看不到，用于暂存数据或者安全性校验。
比如说服务器在接收数据的时候,可以对type="hidden"中的信息进行校验,只有校验通过才接收数据;同时其隐藏特性也不干扰用户体验.