CSS Html JavaScript - Navigation 현재 선택한 메뉴 강조 표시

Question

이 질문은 매우 쉽지만 내가 옳은지 나는 알 수 없습니다. 나는 oldschoool html, php 코더입니다. 다음과 같은 종류의 내비게이션을 사용하고 싶습니다. http://www.cssportal.com/horizontal-menus/13styles.htm

지금까지 아무런 문제가 없습니다. 동적 인 PHP 페이지가있어서이 메뉴를 사용하고 싶습니다. 문제는 HTML 파트에서이 줄없이 없다 :

<li><a href="" title="" class="current"><span>LINK</span></a></li> 

문제가 클래스입니다. 어떤 링크가 현재 현재인지를 가장 똑똑하게 감지하는 방법은 무엇입니까? 나는 이렇게 할 것이다. 나는이 의사 코드와 같은 PHP 스크립트를 작성할 것이다.

if acutaldocument == "link1.html" then echo "class='current' "; 

그러나 나는 이것이 가장 현명한 방법이 아니라고 생각한다. 아니면 내가 맞습니까? 감사합니다.

Answer 1

...

당신은 세션 쿠키를 사용할 수는, 자바 스크립트, 당신은 URL의 끝에 ID를 전달할 수 있습니다 (예.? 탐색 = 2) 또는 URL을 구문 분석하고 그것에 대하여 확인한다. ..

그들 모두는 내가 가진 하나 개의 PHP 페이지를 가지고, 문제는 ... 그들 모두가 당신의 페이지를 설정 한 방법에 따라 달라집니다 ... 거기에 장점과 단점을 가지고 ...

Answer 2

각 페이지의 body 태그에 ID를 부여하십시오. 말해, About 페이지의 body 태그에 "about"이라는 ID를 부여하십시오. 모든 내비게이션 <li>에도 ID를 제공하십시오. 말, 당신이 당신의 CSS 파일에서 탐색 <li>

에 ID가 "에 대해"주고, 이렇게 :

body#about li#about { 
    // apply differentiating style here... 
} 

당신은 다른 모든 페이지에 대한 그 일을 계속 할 수 있습니다. 본문 ID와 <li> ID가 모두 일치 할 때만 스타일이 적용됩니다. 많은 옵션이있다