本文旨在解决 Elementor 导航菜单在 W3C 验证时出现的非标准属性错误，特别是 migration_allowed 和 migrated。通过直接修改 Elementor 核心文件，可以暂时移除这些导致验证失败的属性。然而，此方法并非更新安全，插件更新后修改可能会被覆盖，因此需要考虑更长期的解决方案，如自定义小部件。
Elementor 导航菜单的 W3C 验证问题
在使用 elementor 构建页面时，其生成的 html 结构通常是高效且符合标准的。然而，在某些情况下，elementor 的导航菜单（zuojiankuohaophpcnnav> 元素）可能会包含一些非标准的 html 属性，例如 migration_allowed 和 migrated。这些属性虽然可能在 elementor 内部用于某些功能或状态管理，但它们不属于 html5 规范，因此会导致 w3c 验证器报告错误。
例如，W3C 验证器可能会返回如下错误信息：
Error: Attribute migrated not allowed on element nav at this point.
这种验证错误虽然通常不影响网站的正常功能，但它表明了代码与标准规范之间存在偏差。对于追求高质量、语义化和良好兼容性的网站而言，解决这些验证错误是必要的。
临时解决方案：直接修改核心文件
目前，解决此问题的最直接方法是修改 Elementor 插件的核心文件，通过注释掉生成这些非标准属性的代码行来阻止它们被输出到 HTML 中。
定位文件：需要修改的文件通常位于 Elementor 插件目录下的 includes/widgets/nav-menu.php。具体路径大致为：wp-content/plugins/elementor/includes/widgets/nav-menu.php
修改代码示例：在该文件中，您需要查找负责添加这些属性的代码段。根据经验，它通常位于 add_render_attribute 方法的调用内部。找到以下类似的代码块：
$this->add_render_attribute( 'main-menu', [ 'migration_allowed' => Icons_Manager::is_migration_allowed() ? '1' : '0', 'migrated' => $is_migrated ? '1' : '0', // Accessibility 'role' => 'navigation', ] );
要移除这些属性，只需在 migration_allowed 和 migrated 属性定义前添加 //，将其注释掉，如下所示：
$this->add_render_attribute( 'main-menu', [ //'migration_allowed' => Icons_Manager::is_migration_allowed() ? '1' : '0', // 注释此行 //'migrated' => $is_migrated ? '1' : '0', // 注释此行 // Accessibility 'role' => 'navigation', ] );
保存文件后，这些非标准属性将不再被添加到 Elementor 导航菜单的
微信扫一扫 
支付宝扫一扫 
