HTML中 src alt align 分别是什么意思?

html-css010

HTML中 src alt align 分别是什么意思?,第1张

1、src 属性它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

绝对路径:指向其他站点(比如 src="www.example.com/example.js")。

相对路径:指向站点内的文件(比如 src="/scripts/example.js")。

2、alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

3、align 属性规定 div 元素中的内容的水平对齐方式。

扩展资料

HTML历史上有如下版本:

1、HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

2、HTML 2.0:1995年11月作为RFC 1866发布。

3、HTML 3.2:1997年1月14日发布,W3C推荐标准。

4、HTML 4.0:1997年12月18日发布,W3C推荐标准。

5、HTML 4.01:1999年12月24日发布,W3C推荐标准。

6、HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。

html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。

通常的判断为:

if(pic==null){

 html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

 html='<img src="'+pic+'" width="320" height="157" />'

}

但如果当src路径存在,但路径无效导致无法正常加载时,可以利用img 的 onerror 事件来解决:

 if(pic==null){

  html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

html='<img src="'+pic+'" width="320" height="157" οnerrοr="imgerror(this)" />'

}

分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。

说明:如果图片存在,但网络很不通畅,也可能触发 onerror。

解决:可以在设置为默认图片之后将 onerror 事件置空,避免死循环触发。

function imgerror(img){

img.src="images/default.jpg"

img.οnerrοr=null  //控制不要一直跳动

}