这应该可以通过将 DTD 模式添加到 xhtml 中的 html 标记来解决。
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:addthis="http://www.addthis.com/help/api-spec"
xmlns:og="http://opengraphprotocol.org/schema/">
在 Magento 中更改这一点的模板在[magento]/app/design/frontend/default/[your theme]/templates/page[s]/
我的脑海中。它们通常在基本 html 中定义为 1 列、2 列和 3 列布局。
我想指出,Magento 在这里的标准有点落后,出于 SEO 的原因,验证内容并不是最重要的事情,并且试图将 Magento 模板打造成单调乏味并且需要做很多工作。尝试修复可修复的问题,但绝对不是所有问题。
此特定布局的其他问题:
您正在使用data-*
仅在 html 5 中有效的属性,因此<!doctype html>
如果您想使用它们,您应该使用 html5 文档类型。
您正在使用 xhtml 中不允许的属性,例如 iframe 上的 frameborder 和表格上的 height/width 属性。
url 中哈希 (#) 后面的值需要进行 urlencoded/escaped,因此将使用 & 符号%26
。否则他们会在验证器中抛出一个错误。
TinyMCE 问题:
您遇到的其他错误与我上面概述的要点或 tinyMCE 的工作原理(Magento 后端的文本编辑器)有关。
TinyMCE 尝试将段落元素包裹在几乎所有内容中,这主要是因为如果浏览器没有任何上下文,则 contenteditable 属性在某些浏览器中不起作用。
tinymce 的问题是根深蒂固的问题,只能通过覆盖 Magento 中的默认 tinymce 配置并使用以下教程中的步骤进行自己的实现来解决:
http://www.gethifi.com/blog/how-to-produce-xhtml-10-strict-markup-with-tinymce
有关 Addthis 验证的更多信息:
http://support.addthis.com/customer/portal/articles/381263-addthis-client-api-#valid-xhtml
有关 opengraph 验证的更多信息:
Facebook 开放图元标签和有效 html