为什么我来自 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" />