什么是内联图像(Inline Image)？
内联图像是插入网页以增加视觉吸引力、提供信息或表示超链接的图形图像，JPEG或PNG格式。使用数据URI方案，它们被合并到网页中。 使用数据URI可以嵌入可由浏览器即时检索的小尺寸数据内联图像由浏览器与HTML一起检索，并作...
内联图像是插入网页以增加视觉吸引力、提供信息或表示超链接的图形图像，JPEG或PNG格式。使用数据URI方案，它们被合并到网页中。
使用数据URI可以嵌入可由浏览器即时检索的小尺寸数据内联图像由浏览器与HTML一起检索，并作为web文档的一部分显示。为了使浏览器能够检索和显示图像而无需太多时间和麻烦，建议使用小尺寸的内联图像。
较大的图像会减慢加载时间，这会导致网站需要很长时间才能显示在屏幕上。大多数网站访问者没有耐心等待这种情况的发生。这会对网站流量产生不利影响。
HTML内联图像来源于要显示它们的网站的服务器，或包含在其他外部服务器中。使用来自外部源的内联图像是一个争用问题，因为这可以在未经许可的情况下进行。img标记用于将内联图像插入网页中的段落和标题中。img标记不能以自由浮动形式使用。它必须包含在另一个元素。
img标记的必需属性是src属性。src属性指定浏览器可以从中检索图像文件的网址或URL。除了src属性之外，HTML内联图像还可以由三个可选属性定义。它们是alt，align和ismap。
alt属性提供了一个内嵌的图像文本选项。因此，如果查看器的浏览器不支持图形，则查看器将看到文本而不是图像强烈建议使用alt属性。
alt属性值可以是空字符串。例如，如果有装饰性图像，则不必为其提供可选文本。因此，alt属性值可以为空。
可以使用align属性设置内嵌图像样式。align属性告诉浏览器内联图像相对于网页上的文本必须出现的位置。内联图像可以与网页上相邻文本的顶部、中间或底部对齐。
使用ismap属性，内联图像可以标记为活动图像映射。这意味着每当有人单击不同的部分时，图像的不同部分可以生成不同的操作。例如，如果有一个显示地球和土星的内联图像，单击地球可能会显示有关地球的信息，单击土星可能会显示有关土星的信息。
与alt和align属性不同，ismap属性不仅仅是包含在img标记中，它需要在服务器上完成一些配置。还可能需要一些编程知识。
使用数据URI可以嵌入可由浏览器即时检索的小尺寸数据内联图像由浏览器与HTML一起检索，并作为web文档的一部分显示。为了使浏览器能够检索和显示图像而无需太多时间和麻烦，建议使用小尺寸的内联图像。较大的图像会减慢加载时间，这会导致网站需要很长时间才能显示在屏幕上。大多数网站访问者没有耐心等待这种情况的发生。这会对网站流量产生不利影响。
HTML内联图像来源于要显示它们的网站的服务器，或包含在其他外部服务器中。使用来自外部源的内联图像是一个争用问题，因为这可以在未经许可的情况下进行。img标记用于将内联图像插入网页中的段落和标题中。img标记不能以自由浮动形式使用。它必须包含在另一个元素。
img标记的必需属性是src属性。src属性指定浏览器可以从中检索图像文件的网址或URL。除了src属性之外，HTML内联图像还可以由三个可选属性定义。它们是alt，align和ismap。
alt属性提供了一个内嵌的图像文本选项。因此，如果查看器的浏览器不支持图形，则查看器将看到文本而不是图像强烈建议使用alt属性。
alt属性值可以是空字符串。例如，如果有装饰性图像，则不必为其提供可选文本。因此，alt属性值可以为空。
可以使用align属性设置内嵌图像样式。align属性告诉浏览器内联图像相对于网页上的文本必须出现的位置。内联图像可以与网页上相邻文本的顶部、中间或底部对齐。
使用ismap属性，内联图像可以标记为活动图像映射。这意味着每当有人单击不同的部分时，图像的不同部分可以生成不同的操作。例如，如果有一个显示地球和土星的内联图像，单击地球可能会显示有关地球的信息，单击土星可能会显示有关土星的信息。
与alt和align属性不同，ismap属性不仅仅是包含在img标记中，它需要在服务器上完成一些配置。还可能需要一些编程知识。
- 发表于 2020-07-10 15:02
- 阅读 ( 2140 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章