Safari 和 Firefox 无法正确显示网站，但 Chrome 运行良好答案

【问题标题】：Safari and Firefox not displaying site correctly, but Chrome is working wellSafari 和 Firefox 无法正确显示网站，但 Chrome 运行良好
【发布时间】：2016-11-12 15:47:28
【问题描述】：

我在 Chrome 中使用我自己的主题使用 Wordpress 构建了我的网站。考虑到 Safari、Firefox 和 Chrome 的相似之处 - 我没想到网站的显示方式会有如此大的差异。

我猜这是文件加载方式的某种语法错误，但不确定。 CSS 和 JS 文件是使用 functions.php 文件加载的。

任何帮助将不胜感激！

【问题讨论】：

从控制台：<source> element has no “src” attribute. Media resource load failed All candidate resources failed to load. Media load paused ‘mozHidden’ and ‘mozVisibilityState’ are deprecated. Please use the unprefixed ‘hidden’ and ‘visibilityState’ instead.
谢谢@Igor 我已经查看了错误消息，但不确定它们指的是什么 - 请对此有任何帮助吗？

标签： html css wordpress w3c-validation

【解决方案1】：

1) 您有许多 HTML 标记错误， 例如这些缺少结束图像标记错误：

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

看到<p> 标签前面缺少的>了吗？它必须是：

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

修复所有这些图像标签错误，然后使用 W3 代码验证器检查更多信息。您现在可以忽略诸如“一个 img 元素必须具有 alt 属性...”之类的错误，但修复缺少的关闭 </div> 标记错误。先修复上述图片标签错误，其他很多错误和警告都会自行修复。

查看Showing results for exeterentrepreneurs.com dev - W3C Html Checker并在修复一些错误后再次使用它。

2) 您也可能遇到 Javascript 错误。 使用 Firefox（或 Firebug）或 Chrome 或 Safari 或 IE 中的开发人员工具检查 Javascript 和其他控制台错误。使用这些开发工具对于 Web 开发工作至关重要。

【讨论】：