首页 > 代码库 > 5.8随笔

5.8随笔

1.href和src的区别

href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。

src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。

2.placeholder怎么在IE和谷歌上显示一样:

如果只需要让不支持placeholder的浏览器能够支持改功能,并不要求支持原生placeholder的浏览器表现一致,那么可以采用如下方法:

    function placeholder(nodes,pcolor) {

      if(nodes.length && !("placeholder" in document_createElement_x("input"))){

          for(i=0;i

              var self = nodes[i],

                  placeholder = self.getAttribute(‘placeholder‘) || ‘‘;     

              self.onfocus = function(){

                  if(self.value =http://www.mamicode.com/= placeholder){

                     self.value = http://www.mamicode.com/‘‘;

                     self.style.color = "";

                  }               

              }

              self.onblur = function(){

                  if(self.value =http://www.mamicode.com/= ‘‘){

                      self.value = http://www.mamicode.com/placeholder;

                      self.style.color = pcolor;

                  }              

              }                                       

              self.value = http://www.mamicode.com/placeholder;

              self.style.color = pcolor;              

          }

      }

    }    

    (2)如果需要自定义样式,并且希望placeholder在所有浏览器下表现一致,可以通过利用label标签模拟一个placeholder的样式放到输入框上,当输入框获得焦点的时候,隐藏label,当输入框失去焦点的时候,显示label。

 

 

 

3.什么是块元素和内联元素,及其特点:

1.块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />

2.内联元素,默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。

lock(块)元素的特点:

①总是在新行上开始;

②高度,行高以及外边距和内边距都可控制;

③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素

inline元素的特点:

①和其他元素都在一行上;

②高,行高及外边距和内边距不可改变;

③宽度就是它的文字或图片的宽度,不可改变

④内联元素只能容纳文本或者其他内联元素

(中文叫法有多种内联元素、内嵌元素、行内元素、直进式元素)。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和

内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元

素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素

加上display:block这样的属性,让他也有每次都从新行开始的属性即成为块元素

,同样我们可以把块元素加上display:inline这样的属性,让他也在一行上排

4.<fieldset>和<legend>标签的意思和用法:

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

legend标签

 legend 元素为 fieldset 元素定义标题(caption)。

 

5.8随笔