当前位置:软件学堂 > 资讯首页 > 网络编程 > Dreamweaver > 如何添加图片及链接文字的提示信息?

如何添加图片及链接文字的提示信息?

2021/9/10 17:31:38作者:佚名来源:网络

移动端
Dreamweaver(dw) CS6绿色版

大小:145MB语言:

类型:网页制作等级:

我们在浏览网页时常常会看到大量的图片及链接,当我们鼠标移动图片或链接上时会出现一些提示信息,这样感觉非常有人性化,从而达到用户体验更加完美,特别是当一张图片显示不出来,这个提示信息就能明白这是一张图片的大概信息了,那么如何添加图片及链接文字的提示信息呢,是通过代码产生还是通过什么样呢,下面我们就来谈谈这个话题。
如何添加图片及链接文字的提示信息

其实要实现如何添加图片及链接文字的提示信息,是通过一个alt标签来实现的,下面就来详细说明:

一、语法及写法

alt标签在html语言中的写法是这样的:图片描述

中间的图片描述就是提示的信息,这个描述很重要哦,很多人以为这个只是一个提示嘛,没什么讲究的,例如:这是一张宝宝的照片,结果就写成“宝宝”,其实呢最好是能表达这张图片的意思是最好的,例:宝宝3周岁在外婆家吃生日蛋糕,这样才是最佳描述,千万不要写成“alt描述”之类的,中间还特别加空格,这样很容易被搜索引擎认为是不良网站呢,小心哦。

二、alt标签的作用

对于普通用户来讲,alt标签的作用估计就是提示信息作用了,其实不然,对于网站优化及SEO技术来讲alt标签的作用可以提高关键词密度,如果你的的文章关键词密度不够完全可以通过ALT标签来弥补,如果是链接带上关键词效果会更好。

标签: 图片  链接  标签