雜散開始標簽

Question

我當前正在使用validator.w3，但出現這種錯誤：

Line 90, Column 1420: Stray start tag a.
…-home menu-item-18"><a href="http://www.perthtakeaways.info/">Home</a></option>
✉
Error Line 90, Column 1428: Stray end tag a.
…-home menu-item-18"><a href="http://www.perthtakeaways.info/">Home</a></option>
✉
Error Line 91, Column 180: Stray start tag a.
…enu-item-33"><a href="http://www.perthtakeaways.info/about/">About</a></option>
✉
Error Line 91, Column 189: Stray end tag a.
…enu-item-33"><a href="http://www.perthtakeaways.info/about/">About</a></option>
✉
Error Line 92, Column 200: Stray start tag a.
…="http://www.perthtakeaways.info/getting-started/">Getting Started</a></option>
✉
Error Line 92, Column 219: Stray end tag a.
…="http://www.perthtakeaways.info/getting-started/">Getting Started</a></option>
✉
Error Line 93, Column 190: Stray start tag a.

此錯誤來自名為nav.php的導航菜單，nav.php為：

<nav id="nav" role="navigation" class="col_4 omega">
    <?php
    $menu = wp_nav_menu(
            array('topmenu' => 'Top Menu', 'fallback_cb' => 'purepress_nav_fallback', 'echo'=>0 )
    );

    $menu = str_replace("\n", "", $menu);
    $menu = str_replace("\r", "", $menu);

    echo $menu;

    ?>
    <?php
    wp_nav_menu(array(
            'mobilemenu' =>'Mobile Menu',
            'walker'         => new Walker_Nav_Menu_Dropdown(),
            'items_wrap'     => '<select id="mobile-nav"><option value="/">Select Page</option>%3$s</select>',
    ));
?>
</nav><!-- #nav -->

由於wp菜單是由wordpress代碼自動生成的，因此，validator.w3中顯示的內容來自wp_menu_template.php：

雜散結束標簽錯誤的代碼是：

<div><ul id="menu-main-menu" class="menu"><li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-18"><a href="http://www.perthtakeaways.info/">Home</a></li><li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33"><a href="http://www.perthtakeaways.info/about/">About</a></li><li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="http://www.perthtakeaways.info/getting-started/">Getting Started</a></li><li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="http://www.perthtakeaways.info/contact-us/">Contact Us</a></li><li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="http://www.perthtakeaways.info/faqs/">FAQs</a></li><li id="menu-item-102" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-102"><a title="Member&#8217;s Login" href="http://www.perthtakeaways.info/wp-login.php">Login</a></li></ul></div> <select id="mobile-nav"><option value="/">Select Page</option><option value="http://www.perthtakeaways.info/" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-18"><a href="http://www.perthtakeaways.info/">Home</a></option>

這段代碼來自wp_menu_template.php，我很好奇為什么會發生此錯誤？..我認為代碼沒有錯，因為它是由wordpress自動生成的。

Answer 1

問題是您正在使用PHP代碼並將其放入驗證程序。 這是不正確的。

PHP代碼應在Web服務器上運行以生成HTML。 可以將生成的HTML提交給驗證器。 一種方法是在HTML驗證器http://validator.w3.org/中輸入PHP網頁的URL，或者可以保存生成的HTML並在該驗證器中使用“通過直接輸入進行驗證”。