内联图像是插入网页中以添加视觉吸引力、提供信息或表示超链接的图形图像。内嵌图像通常采用 GIF、JPEG 或 PNG 格式。它们使用数据 URI 方案合并到网页中。
数据 URI 允许嵌入可由浏览器立即检索的小型数据。内联图像与 HTML 一起由浏览器检索并作为 Web 文档的一部分显示。为了使浏览器能够在不花费太多时间和麻烦的情况下检索和显示图像,建议使用小尺寸的内联图像。
较大的图像会减慢加载时间,并导致网站崩溃需要很长时间才能出现在屏幕上。大多数网络访问者没有耐心等待看到它发生。这会对网站流量产生不利影响。
HTML 内联图像源自要显示它们的网站的服务器,或包含在其他外部服务器中。使用来自外部来源的内嵌图像是一个有争议的问题,因为这可以在未经许可的情况下完成。 img 标签用于将内联图像插入网页的段落和标题中。 img 标签不能以自由浮动形式使用。它必须包含在另一个元素内。
img 标签的必需属性是 src 属性。 src 属性指定浏览器可以从中检索图像文件的网址或 URL。除了 src 属性之外,HTML 内嵌图像还可以通过三个可选属性来定义。它们是 alt、align 和 ismap。
alt 属性提供内联图像文本替代。因此,如果查看者的浏览器不支持图形,则查看者将看到文本而不是图像。使用 alt 属性强烈建议使用 te。
alt 属性值可以是空字符串。例如,如果有装饰性图像,则无需为其提供替代文本。因此,alt属性值可以留空。
内联图片样式可以通过align属性设置。对齐属性告诉浏览器内联图像必须出现在与网页上的文本相关的位置。内嵌图像可以与网页上相邻文本的顶部、中间或底部对齐。
使用 ismap 属性,可以将内嵌图像标记为活动图像映射。这意味着每当有人点击图像的不同部分时,就可以使图像的不同部分产生不同的动作。例如,如果有一个显示地球和土星的内嵌图像,单击地球可能会导致有关地球的信息,单击土星可能会导致有关土星的信息。
与 alt 和align 属性不同,ismap 属性不起作用仅仅靠我包含在 img 标签中。它需要在服务器上完成一些配置。可能还需要一定的编程知识。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!