Are there best practices for marking both top-level and sub-level menu items as active in PHP navigation?

When building a navigation menu in PHP, it is important to mark both the top-level and sub-level menu items as active based on the current page being viewed. This can be achieved by using conditional statements to check if the current page matches the link of each menu item, and adding a CSS class to indicate the active state.

&lt;nav&gt;
    &lt;ul&gt;
        &lt;li &lt;?php if($currentPage == &#039;home&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;index.php&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li &lt;?php if($currentPage == &#039;about&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;about.php&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
        &lt;li &lt;?php if($currentPage == &#039;services&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;
            &lt;a href=&quot;services.php&quot;&gt;Services&lt;/a&gt;
            &lt;ul&gt;
                &lt;li &lt;?php if($currentPage == &#039;service1&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;service1.php&quot;&gt;Service 1&lt;/a&gt;&lt;/li&gt;
                &lt;li &lt;?php if($currentPage == &#039;service2&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;service2.php&quot;&gt;Service 2&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li &lt;?php if($currentPage == &#039;contact&#039;) echo &#039;class=&quot;active&quot;&#039;; ?&gt;&gt;&lt;a href=&quot;contact.php&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/nav&gt;

Keywords

PHP navigation menu items active sub-level

Are there best practices for marking both top-level and sub-level menu items as active in PHP navigation?

Keywords

Related Questions