zoukankan      html  css  js  c++  java
  • title与alt的区别

    title与alt的区别

           html中的title属性和alt属性让人有些混淆。

           以前不知道有title这个属性,第一次用到它时,就和alt产生了混淆。

    一位朋友告诉我说,alt是图片img标签里用的,title是超链接里用的, 当时想可能是这样的吧,

    后来知道这是很不严谨的,alt是图片img标签里用的没错,可是你在img标签里使用title属性,结果一样可以出现效果。

           在记事本中分别写三条语句,保存成html进行测试:

           <img src="D:Documents我的文档图片收藏2-02.gif" alt="这是我校的logo"   />

           <img src="D:Documents我的文档图片收藏2-02.gif" alt="这是我校的logo" title="大家好" />

           <img src="#" alt="这是我校的logo" title="大家好" />

           结果:

           第一条语句在ie中输出图像,鼠标放到图像上,会出现“这是我校的logo”,即图像正常显示时,没有title的情况下,显示alt内容。

           第二条语句在ie中输出图像,鼠标放到图像上,只出现“大家好”,即有alt和title,只会显示title。

           第三条语句在ie中输出图像,ie找不到图像,但是“这是我校的logo”几个字出现在了图像位置。同时,鼠标放到图像位置区,会出现title内容“大家好”的提示。

           为了表述得更明白,我从网上找到了一些有用的资料,摘其精要:

           alt属性的功能是不能显示图像信息时候的替换文字(即在图片显示的位置上显示文字,说明这个图片的要显示的内容)。Alt属性值的长度必须少于100个英文字符。

           title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。

           title属性的功能是提示。额外的说明信息和非本质的信息请使用title属性。title属性值可以比alt属性值设置的更长。

           title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。

    这样就使得访问者知道那些链接将会带他们 到什么地方,他们就不会加载一个可能完全不感兴趣的页面。

    另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。

  • 相关阅读:
    常见WINDOWS运行命令
    CSDN Blog 之七宗罪
    常见进程大全
    开始→运行→输入的命令集锦(网上搜来的)
    20200527:SpringCloud用了那些组件?分布式追踪链怎么做的?熔断器工作原理?
    20200520:分库分表后如何迁移?
    20200523:如何实现并发限流
    20200521:es底层读写原理?倒排索引原理?
    20200525:MQ应用场景、Kafka和rabbit区别?kafka为什么支撑高并发? 来自
    20200519:催收核心业务是什么?
  • 原文地址:https://www.cnblogs.com/yoyo24456/p/3823728.html
Copyright © 2011-2022 走看看