两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • 关于alt和title的用法区别详解

    Html实例2018年05月30日关键词:

    经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结:

    相同点:他们都会飘出一个小浮层,显示文本内容。

    不同点:

    1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题</title>。

    2.alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意,alt是替代图像作用而不是提供额外说明文字的。根据一些SEO人士的说法,使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。

    而title可以用在任何元素上,把鼠标移动到元素上面,就会显示title的内容,以达到补充说明或者提示的效果。

    but,通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。

    另外,当a标签内嵌套img标签时,起作用的是img的title属性。

    以上这篇关于alt和title的用法区别详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    原文地址:http://www.cnblogs.com/freefish12/archive/2016/06/07/5567339.html

    其他网友正在看:
    HTML表单_动力节点Java学院整理

    一、表单 1.表单的作用HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。2.表单的工作机制  3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。···

    2018-05-30关键词:

    表格标签(table)深入了解

    表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。前不久为了寻找表格(table)所包含的主要标签,···

    2018-05-30关键词:

    html meta标签的使用总结(推荐)

    meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。大网站都是怎么写?在了解这个标签···

    2018-05-30关键词:

    解析HTML中rel=“nofollow”的作用及rel属性的使用

    链接加了rel=“nofollow”属性, 就表示告诉搜索引擎不用跟踪这个连接从而不传递权重. 细心的站长可能会发现很多博客的友情链接上都加了这个属性, 这样做的目的避免自己网站的权重被稀释. rel属性的意思是指: 当前页和指向页的关系. 而 rev 属性则指定从目标文档到源···

    2018-05-30关键词:

    HTML标签marquee实现滚动效果的简单方法(必看)

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:<marquee>…</marquee>; 说明···

    2018-05-30关键词:

    提交表单后转到另一个文件

    问题:在HTML中如何写跳转到某文件?HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写?form<form id="form" name="form" method="post" action=""> <input type="submit" name="Submit&q···

    2018-05-30关键词: