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 有什么作用？

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

、提交、三者有什么区别？

一个叫"提交"的按钮
提交一个叫"提交"的a链接标签
一个能提交所在
数据的"提交"按钮

radio 如何分组?

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

placeholder 属性有什么作用?

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

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

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