有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套?
有序列表:
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
<li>有序列表三</li>
</ol>
无序列表:
<ul>
<li>无序列表一</li>
<li>无序列表一</li>
<li>无序列表一</li>
</ul>
自定义列表
<dl>
<dt>1表头</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<dt>3表头</dt>
<dd>内容</dd>
<dd>内容</dd>
</dl>
ol一般用在需要按照顺序依次排列的列表内容中使用,ul则用在不需要区分前后顺序的列表内容中使用,dl有一个表头,用在需要分类描述的列表内容中使用。
嵌套如下:
如何去除列表前面的点或者数字?
为子元素设置list-style:none
class 和 id 有什么区别?什么时候用 class 什么时候用 id?
- class在同一个文档里可以使用相同名字的值,id具有唯一性,在同一篇文档里只能存在一个值,所以我们经常使用class,很少使用id
- id优先级比class高很多
我们在比较重要具有唯一性的部分或者需要提高优先级的元素使用ID选择器,通常情况下都选用class类选择器。
块级元素、行内元素是什么?有什么区别?分别对应哪些常用标签?
块级元素占用空间是一整行,行内元素占用空间是它自身的内容宽度。行内元素可以一并排显示,块级元素不能。
- 块级元素:div、p、h1...h6、table、tr、ul、li、dl、dt、form
- 行内元素:a、span、img、input、button、em、textarea
display: block、display: inline、display: inline-block分别有什么作用?
- display: block是将当前元素设置为块级元素
- display:inline是将当前元素设置为行内元素
-
display:inline-block是将当前元素设置为行内块级元素,以行内元素来显示同时拥有块级元素的特性。
此代码代表三个大区块。分别为头部、主体和脚部。主体又分为两个小区块main和aside
如何理解 HTML CSS 语义化? 在平时写代码的过程中要注意哪些细节
语义化就是可以让人直观的理解文档标签的作用和含义,在平时写代码的过程中,我们应该首先充分理解标签元素的含义,在正确的地方写入合适的标签以及给合适的标签取合适的语义化的名字。
form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
from表单用来提交表单数据跟后台服务器交互。
- text:文本输入框,输入文本,比如用户名。
- password :密码输入框,输入加密字符。
- button:按钮,按钮形状
- checkbox :多选圈,可以用来做爱好选择。
- radio:单选圈,一般用来做性别选择。
- textrera :文本域,输入大量多行文字。
- submit:提交,提交表格数据的按钮。
- reset:重置。可以重置表格设置为默认设置。
- select:多选下拉列表,设置下拉列表。
post 和 get 方式的区别?
- 数据提交方式不同,get把提交的数据url可以看到,post看不到
- get一般用于提交少量数据,post用于提交大量数据
- get最多提交1k数据,浏览器的限制。post理论上无限制,受服务器限制
- get提交的数据在浏览器历史记录中,安全性不好
在input里,name 有什么作用?
name 属性为必要属性,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。
<button>提交</button>
、<a class="btn" href="#">提交</a>
、<input type="submit" value="提交">
三者有什么区别?
-
<button>提交</button>
做出来为普通按钮,需要绑定事件配合JS用。 -
<a class="btn" href="#">
提交</a>本义是做出来是超链接,默认没有边框只有下划线,一般用来链接到另一个页面或者锚点。 -
<input type="submit" value="提交">
默认用来提交表单数据,也可以绑定事件,绑定的同时也会触发提交表单数据。
radio 如何 分组?
设置name值为一样,如:
<input name="sex" type="radio" value="男">男
<input name="sex" type="radio" value="女">女
<input name="sex" type="radio" value="中性">中性
placeholder 属性有什么作用?
在文本框内做灰色的简单提示信息,在受到焦点时会消失。
type=hidden隐藏域有什么作用? 举例说明
主要暂存数据和安全校验。在页面中不会呈现但是会随着提交按钮把数据一起提交到后台。
如<input name="mimi" type="hidden" value="秘密" >
- 本博客版权归羞涩的涩和饥人谷所有,转载请注明出处