网页出现菱形通常是网页文件（html）文件编码与浏览器解码编码不同导致的，例如网页html编码是GBK，浏览器解码是uft-8就会出现上图问题。
解决思路：将html网页文件更改为utf-8编码。
在PhpStorm中非常简单，打开文件，右下角显示的即为当前文件的编码格式：
鼠标左键单击，选“utf-8”：
刷新网页：
如果没有PhpStorm或者使用其他IDE，可以用记事本的方式另存编码。具体可以参看下之前这篇文章：VC++6.0打开后中文注释乱码解决方案
如何在PhpStorm中解决html网页乱码问题