什么是內聯圖像(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
- 閱讀 ( 2037 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章