图像标签

最新推荐文章于 2022-05-23 20:26:00 发布

isabellebaby007

最新推荐文章于 2022-05-23 20:26:00 发布

阅读量1.4k

点赞数

分类专栏：前端文章标签：图片 seo

本文链接：https://blog.csdn.net/isabellebaby007/article/details/77163086

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

图像标签的基本语法

<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度"/>
注释：alt属性表示图像无法显示时替代显示的文本，title属性可以提供额外的提示或帮助，当鼠标移至图片上时显示提示信息，方便用户使用。

SEO方法

（1）<img>标签中的alt属性规定在图像无法显示时的替代文本，鼠标在图片上悬停的时候可以显示文字注释，可以让百度更好地识别图片信息，从而使图片有收录和排名。
（2）注意事项：alt描述要和图片内容相符；alt描述控制在100字以内。

示例1

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>家用电器排行榜</title>
</head>

<body>
<h2>家用电器排行榜</h2>
<img src="image/tv01.jpg" width="50" height="50" alt="创维电视" />创维42E5CHR 42英寸 ￥2799.00
<hr/>
<img src="image/tv02.jpg" width="50" height="50" alt="海信电视" />海信LED42EC260JD 42英寸 ￥2848.00
<hr/>
<img src="image/tv03.jpg" width="50" height="50" alt="索尼电视" />索尼 KLV-40R476A 40英寸 ￥3599.00
<hr/>
<img src="image/tv04.jpg" width="50" height="50" alt="创维电视" />创维42E83RE 42英寸 ￥3699.00
<hr/>
<img src="image/tv05.jpg" width="50" height="50" alt="创维电视" />创维42E7BRE 42英寸 ￥3299.00
<hr/>
</body>
</html>

效果图1

这里写图片描述

示例2

图像标签

无漂白薄皮核桃

楼兰蜜语新疆野生
无漂白薄皮核桃500gx2包
￥48.8

“`

效果图2

![这里写图片描述](https://img-blog.csdn.net/20170814161914892?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXNhYmVsbGViYWJ5MDA3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)