HTML里img的标签中rel属性有什么用处呢?

html-css09

HTML里img的标签中rel属性有什么用处呢?,第1张

img很少有人用rel属性的,一般在两种情况下看到 最常见的:rel 属性规定当前文档与被链接文档之间的关系。 rel是关联的意思,stylesheet是样式表的意思;它表示这个link在文档初始化时将被使用,渲染页面 另外一个是用作SEO.

img 元素向网页中嵌入一幅图像。 请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。 标签有两个必需的属性:src 属性 和 alt 属性。

alt 规定图像的替代文本。 src 规定显示图像的 URL。 align 不推荐使用。规定如何根据周围的文本来排列图像。 border 定义图像周围的边框。 height 定义图像的高度。 hspace 不推荐使用。定义图像左侧和右侧的空白。

1.img元素没有结束标签。

2.所有的img元素 必须 有alt属性。

注:如果图片是纯装饰性的,把alt的属性值设置为空是最佳实践。

理想情况下,alt属性不应该包含特殊字符,除非有特殊需要。

应用举例:

运行结果如下: