HTML中的内联图像是什么意思?

HTML中的内嵌图片是什么意思?用最通俗的白话来说,内嵌图片就是把图片标签放在另一个块级元素(如段落)里面。这些例子几乎在网络上所有的HTML入门书中都能看到,在座的各位在这方面也都有或多或少的说法。

然而,图像内嵌这个词还有另外一种用法。在这种用例中,图像被转换为base-64加密,并直接丢在你的HTML标记中。这里的好处是,当网络浏览器渲染你的页面时,它少了一个HTTP请求来从服务器上检索你的图像。缺点是内嵌的64基图像比标准的jpg、.png或.gif文件格式大。

因此,上述做法只适用于较小的图片。另外,您也可以通过将svgs嵌入到您的标记中来达到类似的效果。

html中的内嵌图片是指你在一行中的文字旁边添加图片。图片可以和文本一起添加到一个段落中。

<p>Some text here<img src=’image.gif’ /> some text here</p>

或者它们可以插入到分开的行中:

<p><img src=’image1.gif’ /></p>
<p><img src=’image2.gif’ /></p>

或者可以使用图像标记的align属性将图像放在一个位置:

<img src=’image.gif’ align=’right’ />

发表评论

电子邮件地址不会被公开。 必填项已用*标注