任务7

回答

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

• 无序列表：无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。
• 有序列表：有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于<li>标签。
• 自定义列表：自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的定义以 <dd>开始。
• 例子： task7-1

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

 `line-style:none;`

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

• 区别1：id是一个标签，用于区分不同的结构和内容，在一个页面中只能被使用一次；class是一个样式，可以套在任何结构和内容上，c可以反复使用。
• 区别2：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
• 区别3：形如id="aaa"定义的,在css中是这样设置其样式的： #aaa{ 样式列表 }；而以class="bbb"形式定义的，在css中应该这样设置其样式：.bbb{ 样式列表 }
• 区别4：id的优先级高于class.1
• 区别5：id区分大小写，不能使用id词列表；而class可以。

4. 块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

• 定义：根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素；而span元素的默认display属性值为“inline”，称为“行内”元素。
• 区别：
  • 块元素，总是在新行上开始；行内元素，和其他元素都在一行上。
  • 块元素，能容纳其他块元素或行内元素；行内元素，只能容纳文本或者其他内联元素。
  • 块元素中高度，行高以及顶和底边距都可控制；行内元素中高、行高及顶和底边距不可改变。2
• 常用标签：
  • 块级元素：div,h1至h6,form,hr,p,table,ul,ol等；
  • 行内元素：a、span、image、input、label等.

5. display: block,display:inline,display:inline-block分别有什么用？

• display: block：设置为块元素；
• display: inline：设置为行内元素；
• display: inline-block：设置为行内块元素。

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

• 语义化：让所用的html css标签具有实际意义。
• 注意细节：
  • 尽可能少的使用无语义的标签div和span；
  • 不要使用纯样式标签，如：b、font、u等，改用css设置；
  • 需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）。3

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

• 作用：创建一个表单，实现本页与其他页的数据交互；
• 常用input标签：
  • type:text：输入用户名、电话号码等；
  • type:password：密码输入框；
  • type:file：文件目录输入平台；
  • type:hidden：将无法明示的重要信息提交到下一页；
  • type:checkbox：多选框；
  • type:radio：单选框；
  • type:image：提交式图片，如验证码；
  • type:submit/reset：分别是“提交”“重置”按钮；
  • type:button：windows风格按钮。4

8. post 和 get 方式的区别？

区别如下：

1. get是用来从服务器获得数据；post向服务器上传数据；
2. get安全级别较post低；
3. get传输的数据量小，主要受URL长度限制；post可以传输大量数据；
4. Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL;
5. get是form的默认方式。

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

• 用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
• 用途2：HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。
• 用途3：建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。
• 用途4: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。
• 用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。
• 用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。引用

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

• <button>提交</button>：创建一个普通按钮，需要绑定事件才可以用以提交数据；
• <a class="btn" href="#">提交</a>：一个链接按钮；
• <input type="submit" value="提交">：提交按钮，提交表单。5

11. radio 如何分组？

name=" "设为一样,就是一组。

12. placeholder 属性有什么作用？

提供可描述输入字段预期值的提示信息。W3

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

1. 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
2. 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。
3. 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
4. 有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。
5. javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。引用

代码

任务7

本文著作权归作者所有；如需转载请联系饥人谷，并注明原文出处。