HTML网页制作：[2]alt设置失效

来源：互联网 2023-02-21 20:31:23 版权归原作者所有，如有侵权，请联系我们

通过网上资料来看，alt的作用是图像的提示文字。意思是，当将鼠标放在网页的图片上的时候，会出现该图片的注释文字，但小编在时候的时候，发现并没有出现。这是怎么回事呢?请往后看。

工具/原料

OK,请看如图代码。

我在body中，添加了如下代码：

img src="./test.jpg" border="5" alt = "好好看的图片啊">

alt表示的文字为“好好看的图片啊”

HTML网页制作：[2]alt设置失效

然而，当我将鼠标放在图片上的时候，并没有显示出“好好看的图片啊”的字样。

HTML网页制作：[2]alt设置失效

2相关内容未经授权抓取自百度经验

这是为什么呢？

小编进行了尝试后发现，alt是当图片无法显示或者显示不完全的时候，才会显示“好好看的图片啊”字样，提示该图片是什么。

而当图片可以显示的时候，是不会出现提示信息的。

比如，我将代码改为：

img src="./test1.jpg" border="5" alt = "好好看的图片啊">

这里，我将图片从test.jpg改为test1.jpg。

而我其实是没有test1.jpg图片的。

HTML网页制作：[2]alt设置失效

再次打开该网页，可以看到提示的字样了。

HTML网页制作：[2]alt设置失效

那么，如何在显示图片的同时，显示提示的字样呢？

用title

更改代码如下：

img src="./test.jpg" border="5" title = "好好看的图片啊">

HTML网页制作：[2]alt设置失效

此时，再打开网页，并将鼠标放在图片上，可以看到提示的信息

HTML网页制作：[2]alt设置失效

综上所述：

alt只有当图片显示不完全或因为网络问题或因为图片不存在等问题，才显示该图片是什么。

title则是在图片显示完后，提示该图片的字样。

插入图片|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：从CentOS官网下载系统镜像详细教程下一篇：怎样关闭windows10自动更新