<img>标签的alt属性简单介绍

简介:

alt属性可能会被很多人忽略,貌似在实际应用中可有可无。

在网页的表现方面确实有点可有可无,因为它真正能够起到作用的时候不多。

alt是alternate的缩写,是表示备选的意思。

也就是说当img图片由于某些原因无法显示的时候,则使用alt属性定义的文字替代。

当然显示的方式在不同的浏览器可能有所不同,但是在实际应用中谁又用这个alt文本来作为无法显示的替代效果的,那还不得丑死。

alt的作用更多的还是在SEO方面,它能够告诉搜索引擎,此图片的主题是什么,与什么相关的。

代码实例:

1
< img src = "img/pic.jpg" alt = "蚂蚁部落" >



原文发布时间为:2017-3-4

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:<img>标签的alt属性简单介绍

相关文章
|
8月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
290 0
|
2月前
|
移动开发 UED 开发者
title 和 alt 属性
【10月更文挑战第27天】`title`和`alt`属性都是HTML中非常重要的属性,它们在不同的方面为网页的用户体验和可访问性做出了贡献,开发者应合理地使用这两个属性,以创建更加友好和易于访问的网页。
|
3月前
|
搜索推荐
图片alt属性
【10月更文挑战第4天】图片alt属性。
55 5
|
3月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
65 2
|
3月前
|
搜索推荐
<img>标签上的 title 属性与alt 属性的区别
<img>标签上的 title 属性与alt 属性的区别
251 0
|
5月前
图像的alt属性的用法
【8月更文挑战第29天】图像的alt属性的用法。
51 1
|
8月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
51 0
|
8月前
|
搜索推荐 前端开发 UED
元素的alt和title属性相关细节知识
元素的alt和title属性相关细节知识
|
前端开发 JavaScript 搜索推荐
img标签的alt和title有什么不同?媒体查询是什么?原型链和继承的六种实现方式
当图片加载不出来的时候,就会在图片未显示的地方出现一段 alt 设置的属性内容。
05 - 超链接 a 标签+ 图片标签img
05 - 超链接 a 标签+ 图片标签img
169 0