zoukankan      html  css  js  c++  java
  • img中的alt和title的区别

    当鼠标经过图片时显示title;alt是当图片没有加载出来时,图片位置显示alt

    1.当给一个img添加了title和alt属性时

    <img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
     title="这是图片的标题" alt="这是图片的提示">

      当图片显示时:鼠标经过显示title

      

      当图片不显示时:图片位置显示alt     经过文字区域时会显示title

      

    2.当给一个img添加了alt属性、没有添加title时

    <img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
     alt="这是图片的提示">

      当图片显示时:鼠标经过图片没有文字提示

      图片不显示时,显示alt提示,   经过文字区域时也不会显示title提示

     

    3.当给一个img添加了title属性、没有添加alt属性时

    <img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
     title="这是图片的标题">

      当图片显示时:鼠标经过,会显示标题

      

      当图片不显示时:显示标题(起到了alt的作用),且鼠标滑过时也显示标题

      

    总结:alt和title一起使用时最好,title可以代替alt的工作,反之则不行,

  • 相关阅读:
    FilterLog代码分析
    Session
    关于XML的技术详情----XML定义 用途 工作原理及未来
    javaee思维导图
    互联网应用与企业级应用的区别
    javaee课程目标
    Recycle -- 项目总结
    python3.6学习笔记2基础语法
    python3.6学习笔记1认识python
    CentOS6.5下Virtualenv搭建Python3开发环境
  • 原文地址:https://www.cnblogs.com/yaya-003/p/12860060.html
Copyright © 2011-2022 走看看