任务7-HTML4

---

2016/05/12

---

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

• 有序列表
  :一般用在需要按照顺序排列的列表信息中。默认用1,2,3显示。
  1. 无序列表
     :一般用在不需要按照先后顺序排列的列表信息，换句话来说，并列关系的信息列表都可以用，默认用黑色圆点显示。

     • 自定义列表

       ：有

       列表头

       列表项，即列表内容，一般用在需要分类描述的列表信息中，列表前没有标记显示

       
       

       

       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属性（可选）限制最大输入长度。
       
       
     • type="password":用于输入密码，输入内容为星号
       
     • type="radio":单选圆圈按钮。注意：name的值要相同才能实现单选，value要有值。
       男
       女
     • type="checkbox":复选框。加checked属性会默认选上，提交时，如果选中，如bike，则bike=on.
       bike
       汽车
       *type="textarea":文本域，用于输入多行文本
       
       *type="hidden":隐藏域，用户看不到，用于暂存数据，或者安全性校验
       
       

     post 和 get 方式的区别？

     1.数据提交方式不同，get提交的数据url"可以看到，post提交的看不到。
     2.get一般用于提交少量数据，post用于提交大量数据。
     3.get最多提交1k数据，浏览器的限制，post理论上没有限制，受浏览器的限制。
     4.get提交的数据在浏览器历史记录中，安全性不好。

     在input里，name 有什么作用？

     name的值要相同才能实现单选,name相同视为一组

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

     提交：仅仅是一个普通的按钮，为其设置事件有一定的功能和效果，如果不为其设置事件就是一个普通的按钮。
     提交：是一个a标签，点击会跳转到其他页面。
     ：提交表单数据，可将用户输入的数据提交到后台。

     radio 如何 分组?

     根据name的值分组,name的值相同的为一组。

     placeholder 属性有什么作用?

     展示输入框里的提示

     type=hidden隐藏域有什么作用? 举例说明

     隐藏域，用户看不到，用于暂存数据，或者安全性校验
     比如,用户在向服务器提交数据时，会将value="123wxf"传给服务器，然后服务器会将这个值进行比较，如果一致，才会响应要求
     代码