CSS中alt和title属性的正确使用

1、在<img>标签中的使用

  alt:全称为alttext,实质是当图片无法正确显示时用于替换(在IE下同时起到了title的作用,即鼠标滑过时文字提示);

  title:鼠标经过时文字提示,可在重要的图片(logo)或用户会体验到的图片内容加上;

2、在其他方面的应用

  • alt:只能用在<image>、<input>、<area>元素中,替代不能显示的图片,<input>是图片按钮的作用;
  • title:可用在除html、head、meta、base、basefont、param、script和title标签之外的所有标签中,并非必须;鼠标滑过时显示提示信息,可以设置的很长,但在以Mozilla核心的浏览器中只能显示60个字符。
时间: 2024-11-02 23:36:29

CSS中alt和title属性的正确使用的相关文章

img中的alt和title属性

在图像标签img中,除了常用的宽度width和高度height属性之外,还有两个比较重要并且也回用到的属性,就是alt和title,这都是用来显示图片内容的具体信息的,但是这两个属性也有不同的地方.alt 用来给图片来提示的,title用来给链接文字或普通文字提示的. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>

图片标签img中alt与title的区别

大家可以来做测试:把以下代码保存的文本中,命名为*.html结尾的文件,然后分别用不同浏览器打开. 代码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head><title>图片标签img中al

css中如何使用border属性与display属性

原文:css中如何使用border属性与display属性 border属性介绍# border属性设置元素边框. 边框3个要素如:粗细.线型.颜色. 边框线型属性值说明表如:# 属性指 描述 none 定义无边框. hidden 与 "none" 相同.不过应用于表时除外,对于表,hidden 用于解决边框冲突. dotted 定义点状边框.在大多数浏览器中呈现为实线. dashed 定义虚线.在大多数浏览器中呈现为实线. solid 定义实线. double 定义双线.双线的宽度等

图片img标签alt与title属性评测实验

图片img标签alt与title属性评测实验 SEO优化是慢工也是细活.细节做的好,如鱼得水,做的不好,举步维艰.做SEO优化的都知道,搜索引擎对图片理解是通过alt属性,所以在图片alt属性中用包含关键字的简要文字说明,也是页面优化的一部分.如果想要做的更好,可以在title属性里,进一步对图片说明,相关知识点SEO优化在<图片优化方法|百度图片优化>文章里有详细说明.今天SEO优化就和大家分享图片img标签alt与title属性评测实验. 图片img标签alt与title属性评测实验代码

CSS中什么是复合属性

CSS中什么是复合属性:建议:尽可能的手写代码,可以有效的提高学习效率和深度.关于复合属性可能大家都在用,但是没有注意这个概念而已,下面就简单介绍一下什么是复合属性.我们知道border属性可以同时规定边框的粗细.颜色和边框类型.例如: border:2px solid blue; 所谓复合属性就是类似于border这样的属性,能够一个属性规定对象的多种样式.比较常用的复合属性有font.border.margin.padding和background等.当然这些属性也是可以拆分的,例如bord

总结一下CSS中的定位 Position 属性

在CSS中,Position 属性经常会用到,主要是绝对定位和相对定位,简单的使用都没有问题,尤其嵌套起来,就会有些混乱,今记录总结一下,防止久而忘之. CSS position 属性值: absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位.元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定. relative:生成相对定位的元素,相对于其

css中一些常用的属性和属性值

今天和大家分享一下有关css中的一些常用的属性和属性值: ①颜色属性 color ②background  背景属性 其属性值有: 1,Background-image: 背景图片 2,Background-repeat: 背景重复 Repeat-x(x轴方向重复) | repeat-y(y轴方向重复) |no-repeat(不重复) 3,Background-attachment: 背景附件 scroll(默认值)  fixed(固定) 4,Background-position:背景位置 L

CSS中px和em属性的特点与区别

详解px和em的特点和区别象素px是我们在定义CSS中经常用到的尺寸大小单位,而em在国外网站中经常被使用,px和em之间究竟有什么区别和特点呢?◆px像素(Pixel),相对长度单位.像素px是相对于显示器屏幕分辨率而言的.◆em是相对长度单位,相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸.因此用px来定义字体,就无法用浏览器字体放大的功能.任意浏览器的默认字体高都是16px.所有未经调整的浏览器都符合:1em=16px.那么12px=0

[ css 补充 vertical-align ] css中补充的vertical-align属性讲解

一.关于今天,本文,及其他 今天是个特殊的日子,因为今天是汶川地震两周年的日子,我很悲鸣:今天又是国际护士节,看到微博上护士照横流,我很欣慰. 一段放松的YY后,进入正题.上个月21号,有位同行留言想让我讲讲vertical-align属性,我其实对vertical-align属性也是略知皮毛,要说岂敢谈“讲解”,就说说我对vertical-align属性的一些理解吧,纯属个人见解,若有不准确之处还望见谅.还有,vertical-align属性牵扯到的知识实在是太多了,不是一篇文章就可以讲清楚的