2016/05/12
有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种（重要）？ 如何嵌套？
- 有序列表<ol>:一般用在需要按照顺序排列的列表信息中。默认用1,2,3显示。
- 无序列表<ul>:一般用在不需要按照先后顺序排列的列表信息，换句话来说，并列关系的信息列表都可以用，默认用黑色圆点显示。
-
自定义列表<dl>：有<dt>列表头<dd>列表项，即列表内容，一般用在需要分类描述的列表信息中，列表前没有标记显示
0_1462930395387_upload-2037b61a-bd80-448b-8f42-68719c2fc0cf
如何去除列表前面的点或者数字？
list-style:none;
class 和 id 有什么区别？什么时候用 class 什么时候用 id？
- class是类选择器，可以对多个标签使用。
- id选择器，一个id只能对一个标签使用，不能重复使用。类似身份证号
- 一般大范围用id选择器，而id选择器里的小范围用class选择器，有利于布局。
- id 选择器的优先级高于class 选择器的优先级
块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？
- 块级元素占用空间是一整行，可设置宽度，高度，行内元素占用空间是它本身的内容宽度，不支持宽高设置，所以对其设置margin,padding时，不对上下起作用，只对左右起作用，行内元素可以并排显示，块级元素则不能。
- 块级元素：div,p, h1~h6,table,tr,ul,li,dl,dt,form
- 行内元素：a,img,span,em,input,botton,textarea
display: block、display: inline、display: inline-block分别有什么作用?
display:block;表示将该元素设置为一个块级元素，将具有块级元素的特征。
display:inline;表示将该元素设置为一个行内元素，将具有行内元素的特征。
display:inline-block表示将对象呈递为内联对象，但是对象的内容作为块对象呈递。既不换行，也有块元素的属性。
如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
HTML CSS 语义化是指标准规范的使用这些元素，是其高效，正确，方便呈现页面的内容，比如一个表格的内容可以用其他的标签来写出一样的页面效果，但是有table标签，我们就用table标签，减少代码量，符合规范，减少代码量。语义化有助于代码更优雅，增加代码的可读性，有助于网页关键词在搜索引擎中的权重。
注意：
- 尽量使用语义化的标签，少使用div和span这种无语义的标签
- 用于描述样式时，尽量不要使用html纯标签，可以用css来设置样式
- 要保存标签的完整性，不要忽略标签的结束标签
- 保持书写的一致性，尽量都使用一种风格来命名，比如都使用小写字母命名。
- 标签 class id 的合理命名
- 减少不必要的标签的使用
form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 作用：用于把用户输入的数据提交到后台。
常用的iput标签及作用： - type="text":用于输入文本。placeholder属性（可选）展示的是输入框里的提示，maxlength属性（可选）限制最大输入长度。
<input type="text" name="username" placeholder="用户名" maxlength="10"/> - type="password":用于输入密码，输入内容为星号
<input type="password" name="password" placeholder="密码"/> - type="radio":单选圆圈按钮。注意：name的值要相同才能实现单选，value要有值。
<input type="radio" name="sex" value="male"/>男
<input type="radio" name="sex" value="female"/>女 - type="checkbox":复选框。加checked属性会默认选上，提交时，如果选中，如bike，则bike=on.
<input type="checkbox" name="bike" checked/>bike
<input type="checkbox" name="car"/>汽车
*type="textarea":文本域，用于输入多行文本
<textarea name="manywords" maxlength="10" placeholder="ddd"></textarea>
*type="hidden":隐藏域，用户看不到，用于暂存数据，或者安全性校验
<input type="hidden" name="url_delete" value="/delete.php"/>
<input type="hidden" name="wxf-token" value="123456adas"/>
post 和 get 方式的区别？
1.数据提交方式不同，get提交的数据url"可以看到，post提交的看不到。
2.get一般用于提交少量数据，post用于提交大量数据。
3.get最多提交1k数据，浏览器的限制，post理论上没有限制，受浏览器的限制。
4.get提交的数据在浏览器历史记录中，安全性不好。
在input里，name 有什么作用？
name的值要相同才能实现单选,name相同视为一组
<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么区别？
<button>提交</button>：仅仅是一个普通的按钮，为其设置事件有一定的功能和效果，如果不为其设置事件就是一个普通的按钮。
<a class="btn" href="#">提交</a>：是一个a标签，点击会跳转到其他页面。
<input type="submit" value="提交">：提交表单数据，可将用户输入的数据提交到后台。
radio 如何 分组?
根据name的值分组,name的值相同的为一组。
placeholder 属性有什么作用?
展示输入框里的提示
type=hidden隐藏域有什么作用? 举例说明
隐藏域，用户看不到，用于暂存数据，或者安全性校验
比如<input tyoe="hidden" name="password" value="123wxf"/>,用户在向服务器提交数据时，会将value="123wxf"传给服务器，然后服务器会将这个值进行比较，如果一致，才会响应要求
代码
网友评论