1.有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
Paste_Image.png
Paste_Image.png
语义上的区别：
无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 ul 标签。每个列表项始于 li。
有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 ol 标签。每个列表项始于 li 标签。
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。
无序列表在列举相似的项，有序列表强调顺序，定义列表可以给列表描述。
Paste_Image.png
2.如何去除列表前面的点或者数字？
list-style:none;可以去除列表前面的数字或点。
3.class 和 id 有什么区别？什么时候用 class 什么时候用 id？
区别：id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id属性只能在每个 HTML 文档中出现一次。class选择器允许以一种独立于文档元素的方式来指定样式，可以在一个html文档中出现多次。
4.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block或 inline。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。
区别：
1）块级元素会独占一行，其宽度自动填满其父元素宽度块级元素即使设置了宽度，仍然是独占一行的
行内元素不会独占一行，相邻的行内元素会排列在同一行里，直道一行排不下，才会换行，其宽度随元素的内容 而变化
2） 块级元素可以设置 width, height属性，行内元素设置width, height无效
行内元素：span, strong, em, br, img , input, label, select, textarea, cite,
块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
5.display: block、display: inline、display: inline-block分别有什么作用?
display: block的作用是此元素将显示为块级元素，此元素前后会有换行符。
display: inline的作用是此元素会显示为内联元素前后没有换行符。
display: inline-block的作用是行内快元素。元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。
6.下面代码是做什么的？抄写一遍下面的代码，注意class和id的使用及命名方式
Paste_Image.png
这段代码是做导航栏
7.如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节。
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析
8.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
form表单用于把用户输入的数据提交至后台。
常见的input标签：
Paste_Image.png
9.post 和 get 方式的区别？
1.get是从服务器上获取数据，post是向服务器传送数据。
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。
4.get安全性非常低，post安全性较高。但是执行效率却比Post方法好。
10.在input里，name 有什么作用？
name：作为可与服务器交互数据的HTML元素的服务器端的标示。
11.<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么区别？
<button>提交</button> 在 button 元素内部，您可以放置内容，比如文本或图像，而 input 元素则不可以
<a class="btn" href="#">提交</a> 表示 a 链接，可以设置的样式比较多，一般来用来当做特殊按钮。用于从一张页面链接到另一张页面，并不能提交数据，而是转到另一个指定页面
<input type="submit" value="提交"> 为表单提供提交数据按钮，提交表单所有的数据，但是不能提交其他内容。
12.radio 如何 分组?
设置 name 属性，相同的为一组。
13placeholder 属性有什么作用?
placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空。
14.type=hidden隐藏域有什么作用? 举例说明
1.隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
2.有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。
3.有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数4据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4.有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。
5.javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。
6.还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。
<input type="hidden" name="field＿name" value="value">
本教程版权归饥人谷_duoduo和饥人谷所有，转载须说明来源
