為什么我來自 url 的圖片沒有顯示？

Question

為什么我使用的 url 沒有顯示我的圖像？ url 是有效的，我使用相同的方法插入其他圖像並且有效。 第一個代碼是未顯示的 url，另一個是顯示的圖像。 我還包括了網頁上出現的無響應圖像和響應圖像的圖像。

 <div>
      <img src=”https://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" /> 
      <h1 id="myname">John Smith</h1>
      <h3>Web developer</h3>
      <p>{{ pause and ponder }}</p>
    </div>
      </div class="intro">

 <div class="project-grid">
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
      <img class="project-image" src="http://via.placeholder.com/300" />
    </div>

我不明白我對兩者做了完全相同的事情是什么問題，但只有第二組圖像顯示在我的網頁上。

Answer 1

您使用“https://....”作為個人資料圖片，但如果您的開發服務器位於“http://...”上，則由於跨協議限制，個人資料圖片將不會顯示。

將<img src=”https://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" />更改為<img src=”http://via.placeholder.com/150/0000FF/808080” alt="Profile Pic" />

Answer 2

您在src屬性周圍使用了特殊字符引號而不是常規引號。

將”字符更改為" 。它很可能是在 Word 或 Outlook 之類的東西中轉換的。

固定 HTML：

<img src="https://via.placeholder.com/150/0000FF/808080" alt="Profile Pic" />