img 标签的 alt 属性
HTML <img> 标签的 alt 属性
HTML <img> 标签
实例
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
亲自试一试
如果无法显示图像，浏览器将显示替代文本，就像这样：
此外，当用户把鼠标移到图像上方，最新的浏览器会在一个文本框中显示描述性文本。下面的代码在 alt 属性中为图像添加了描述性文本：
您可以把鼠标移动到下面的照片上，看看相应的效果：
红圈中的文本框是用户把鼠标移动到图像上时，IE7 浏览器所显示的效果：
定义和用法
alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：
- 网速太慢
- src 属性中的错误
- 浏览器禁用图像
- 用户使用的是屏幕阅读器
<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt 属性通常是他们了解图像内容的唯一方式。
提示和注释：
注释：alt 属性的值是一个最多可以包含 1024 个字符的字符串，其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用，但它不允许包含其他类别的标记，尤其是不允许有任何样式标签。
注释：当用户把鼠标移动到 img 元素上时，Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢，只要当图像无法显示时，才会显示出替代文本。
提示：如果需要为图像创建工具提示，请使用 title 属性。
语法
<a alt="value">
属性值
| 值 | 描述 |
|---|---|
| text |
规定图像的替代文本 alt 文本的使用原则：
|
img 标签的 alt 属性相关推荐
- HTML img 标签的 alt 属性
HTML <img> 标签的 alt 属性 HTML <img> 标签 定义和用法 alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本. 假设由于下列原因用户无法查 ...
- img标签的alt属性简单介绍
alt属性可能会被很多人忽略,貌似在实际应用中可有可无. 在网页的表现方面确实有点可有可无,因为它真正能够起到作用的时候不多. alt是alternate的缩写,是表示备选的意思. 也就是说当img图 ...
- HTML语言中img标签的alt属性和title属性的作用与区别
alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方,而title属性是在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,有点类似jQuery的h ...
- ＜img＞标签中alt属性和title属性的区别
alt属性的特点: ①倘若图片加载不成功未能显示出来,就会在图片未显示的地方出现一段文字.这一作用是为了给未加载出来的图片提供信息,方便用户浏览网页,同时也方便开发人员维护网页. ②搜索引擎可以通过这 ...
- alt php,我怎样才能在PHP中获取a p标签的alt属性？
我正在编写一个只回应价格的脚本. 如果我做: $alttag = $oNode['p']; echo $alttag; 它将回显< p>< / p>中的所有内容. 所以它会回应 ...
- 本周总结：为图片标签＜img＞加上 alt属性的好处
本周培训了一个开发规范的会议:在开发网页的时候,为图片标签加上 alt属性的好处, 示例: <img src="apple.jpg" alt="苹果"&g ...
- web前端:img标签alt属性什么情况留空？
在图片已经有了文字说明,或者仅仅为了美化页面的情况下,alt属性似乎有些多余. 即便如此,我们仍然需要为img标签添加alt属性,这时可以把它设为空,例如: <img src="vis ...
- ajax img标签,如何将属性添加到img标签以用于ajax调用
这是我的代码.这是不能改变的,我必须按照现有的结构进行工作.如何将属性添加到img标签以用于ajax调用 我需要的是,当我点击它会拉rel和从它的第一变体数据的一个图像,这些属性添加到图像标签.现在我 ...
- 如何自动搞定全站图片的alt属性？
Web开发人员和内容编辑人员经常会忘记或忽略了img标签的alt属性,这是一个可以提升网站可访问性和SEO性能的重要部分,这个属性通常用来描述图片: \u0026lt;img src=\u002 ...
最新文章
- vi编辑器简单应用（摘抄）
- idea python-IDEA里如何安装Python插件打造开发环境（图文详解）
- Winpcap 中sockaddr_storage问题收藏
- Js - 复制 粘贴
- 充一次电使用一年的手机_电动自行车使用充电桩充不满电？原因终于找到了！...
- PHP中的预定义常量和魔术常量
- 如何成为一名大厂的优秀员工？
- php获取字符串扩展,PHP7扩展开发之字符串处理
- Node Version Manager--NodeJS的多版本管理工具--轻松实现多个版本的NodeJS的管理开发
- Spring 事务传播原理及数据库事务操作原理
- BZ OJ 2818 Gcd (欧拉函数)
- Java职业规划（职业晋升路线、技术转移路线、工作经验与技术栈的匹配）——学习笔记
- python实现电脑自动开机_python自动循环定时开关机（非重启）测试
- sql数据库置疑解决办法
- 中国历史上十大无名英雄
- 阿里巴巴国际站外贸邮开通的操作步骤
- 2021北京高考成绩查询教育在线,关注 | 多省公布2021高考成绩查询时间！
- 后门防御阅读笔记，Black-box Detection of Backdoor Attacks with Limited Information and Data
- 摄影构图学pdf_初学摄影，怎样避免走太多弯路？（2）
- RO、RW和ZI的区别