• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 分享h5中alt和title的区别与用法

分享h5中alt和title的区别与用法

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含h5,alt,title等相关知识,匿名希望在学习及工作中可以帮助到您
alt和title的是我们工作中经常用到这两个属性,但是一直没有总结他们的区别。现在就对他们两个的用法做一下总结。

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

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

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

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

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

【相关推荐】

1. 特别推荐:“php程序员工具箱”V0.1版本下载

2. 免费h5在线视频教程

3. php.cn原创html5视频教程

4. H5 video标签只能放声音不能放视频的解决办法

5. IIS的MIME未注册MP4类型,导致无法识别vidoe标签的解决办法

以上就是分享h5中alt和title的区别与用法的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • 详解HTML5之pushstate、popstate操作history,无刷新改变当前url
  • HTML5各种头部meta标签的功能(推荐)
  • 如何用H5实现一个触屏版的轮播器的实例
  • H5新属性audio音频和video视频的控制详解(推荐)
  • HTML5页面音视频在微信和app下自动播放的实现方法
  • H5 meta小结(前端必看篇)
  • 浅谈h5自定义audio(问题及解决)
  • h5调用摄像头的实现方法
  • HTML5单页面手势滑屏切换原理
  • Html5实现二维码扫描并解析

相关文章

  • 2018-12-03HTML5中drawImage用法分析_html5教程技巧
  • 2017-08-06整理HTML5移动端开发的常用触摸事件
  • 2018-12-03html5菜单折纸效果_html5教程技巧
  • 2017-08-06H5 meta小结(前端必看篇)
  • 2018-12-03分享html5中localStorage的实例教程
  • 2018-12-03html5构建触屏网站之网站尺寸探讨_html5教程技巧
  • 2017-08-06html5 offlline 缓存使用示例
  • 2018-12-03HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍_html5教程技巧
  • 2018-12-03HTML5 Canvas自定义圆角矩形与虚线示例代码_html5教程技巧
  • 2018-12-03canvas使用注意点总结_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 web存储-web SQL示例代码分析
    • HTML5的五大优秀功能介绍
    • HTML5 学习FileReader接口代码实例分享9(图)
    • JsChart的组件使用详解
    • 带你认识HTML5中的WebSocket
    • 移动端html5 meta标签的神奇功效_html5教程技巧
    • Html5 Canvas初探学习笔记(11) -简易图片操作
    • 5 个强大的HTML5 API 函数推荐
    • 总结关于本地缓存的实例讲解
    • 如何创建 HTML5 Canvas 电信网络拓扑图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有