【img标签和background-image的区别和具体使用时机】的更多相关文章

img标签和 background 属性的使用分析

在网页布局中引入图片,最常用的两个就是 img 标签和 background 属性了.但何时使用 img 标签,何时使用 backround 背景图像呢? <img> 标签定义 HTML 页面中的图像.从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像.<img> 标签创建的是被引用图像的占位空间.<img> 标签有两个必需的属性:src 属性 和 alt 属性. src 规定显示图像的 url ; alt 规定图像的替代文本,即当图片…

[转]android中OnTouch和OnClick、 imagebutton的src和background有什么区别

1.OnTouch和OnClick有何区别?   专业回答 1.onClick就传入一个View对象,而 onTouch要传入一个View 对象和 MotionEvent的对象2.onTouch对控件的操作比onCilck更丰富,比如判断触摸的状态(比如按下,或者放开),和得到点击的位置等等3.当对一个控件触摸的时候touch 先调用, onclick是 对 touch 的一个扩展实现       2.imagebutton的src和background有什么区别呢? 专业回答 2013-07-…

ie11浏览器和chrome浏览器对于bgsound和background的一些区别

今天在编写一个非常简单的网页的时候,按照书上写的,使用了一个jpg图片作为背景图片,用background属性放在<body>标签内,同时使用<bgsound>标签插入背景音乐.代码如下: <html> <head> <title>QQ空间开场音乐</title> </head> <body background="123.jpg"> <bgsound src="1.mp3&…

script标签async和defer的区别及作用

作用: 1.没有 defer 或 async,浏览器会立即加载并执行指定的脚本,也就是说不等待后续载入的文档元素,读到就加载并执行. 2.async 属性表示异步执行引入的 JavaScript,与 defer 的区别在于,如果已经加载好,就会开始执行——无论此刻是 HTML 解析阶段还是 DOMContentLoaded 触发之后.需要注意的是,这种方式加载的 JavaScript 依然会阻塞 load 事件.换句话说,async-script 可能在 DOMContentLoaded 触发之…

img标签和background-image的区别和具体使用时机

最近在使用图片过程中,纠结到底使用img标签还是使用background-image属性,翻阅资料和百度后作出下列理解. 简单来说img是内容部分的东西,background-image是修饰性的东西. img 从页面元素来说,如果是页面中作为内容出现的图片,比如广告图片.产品图片,那么这个必然是用img了,因为这个是页面元素内容.页面元素内容最关键的一点就是,当页面没有样式的时候,还是能一眼看过去就知道什么是什么. img是一个行内元素,HTML标签,是一个document对象,它是可以操作的…

html中<a>标签_top和_parent的区别

在html中,<a>标签有个target属性,而targe属性有四个值,分别是:_blank._self._top._parent.前两个相信很好理解,第一个就是在新窗口中打开的意思,第二个时候默认的,就是在当前窗口打开,那下面来说下后两者的区别. _top就是打开的页面占据了整个页面,_parent就是打开的页面只是在父页面中打开,现在可能有点不太好理解,这两个属性主要用于框架文件中,首先我先贴上我的html文件,如下,注:代码中红色的字体在最后有讲解: main.html <!DOC…

将事件绑定在html标签中和js动态绑定的区别

一:绑定在标签中: 能够一眼看出那些元素绑定了什么事件. 只能将元素和事件逐一实现绑定. 二js动态绑定: 可以一次动态的给多个元素绑定事件,批量绑定事件. html标签绑定的缺点: ①:可能有时间差.如果js代码在html标签之后,用户激活事件时,事件如果还没有被解析,则会引起报错.(一般用try,catch解决,这样错误便不会付出水面.). ②:不同浏览器在解析事件的作用域链接时可能产生不同的结果. ③:html和js文件的耦合度过高,不利于维护,修改脚本的时候还得修改html文件. 标签绑…

图片标签的alt与title区别

一.img标签alt属性 1.alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户.当图片不显示的时候,图片的替换文字. 2.alt属性值得长度必须少于100个英文字符 3.alt属性是img标签的必须属性,如果没有特别意义的图片,可以写alt="" 4.alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO 二.img标签title属性 1.title属性并不是必须的. 2.title…

input标签 disabled 和 readonly的区别

需求描述:今天提交代码,老大审了一下,给我指出了一个改正的地方,XXX的详细信息页面(不是修改页面) input的内容是不能改的,给我指出的时候,我立马就知道了这个该怎么改了,加个readonly不就行了  (*^▽^*)^_^. 解决思路:潜意识反应的就是 readonly属性设置为true  但是又想起来了 以前好像也用过disabled,前后把这两个都试了一下,效果是一样的,都不能改动了,但是这毕竟是两个属性,肯定是有差别的了,然后就度娘了一下,最后摆链接. 代码:这个就不贴了吧,就是简单…

HTML 5的革新——语义化标签section和article的区别

原文地址:https://stackoverflow.com/questions/33910294/what-is-the-difference-between-article-and-section-in-html5 <section>标签 : section,汉语意思为部分,这个标签定义网页上的每个单独部分,比如页眉,导航栏,页脚,或者其他的具有联系的部分.简单的来说任何具有逻辑的整体都可以放在section标签下,包括article标签.  <article> 标签: art…