html一些细节介绍

1.sytle属性visibility与display区别

 

visibility: visible
/* 元素可见，默认值 */
visibility: hidden
/* 元素不可见，但仍然为其保留相应的空间 */
visibility: collapse
/* 只对 table 对象起作用，能移除行或列但不会影响表格的布局。如果这个值用在 table 以外的对象上则表现为 hidden 。 */
visibility: inherit
/* 继承上级元素的 visibility 值。 */

 

 

display: none
/* 元素不可见，并且不为其保留相应的位置 */
display: block
/* 表现为一个块级元素（一般情况下独占一行） */
display: inline
/* 表现为一个行级元素（一般情况下不独占一行） */

 

重要的区别是visibility隐藏但保留位置，display不保留位置,两者隐藏之后，其元素上的事件，都失效。

2.checkbox

在form表单提交时，如果不选，不传入程序变量

选，则传入，如果有多个同名checkbox，传入最后一个的值

 

 

3.html中a标签中的onclick和href的使用

 

链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）； 

 

假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。

 

4。html对于#号参数的处理

#45 直接在页面上定位转到 <a> id=45 或 name=45 的区域或者 id=45的其它元素