탭메뉴 여러개 사용하는 방법

탭메뉴가 한페이지당 여러개가 사용되는 경우가 있다.

그때 클래스를 달리하여 하는 방법도 있지만, 유지보수나 운영측면에서 좋지않은 코드이기 때문에,

rel값을 이용해 여러개를 사용하는 방법을 알아보겠다.

 

See the Pen abpNGgW by aldo814 (@aldo814) on CodePen.

상단과 같이 탭메뉴가 되는 영역에 rel값을 주고, 

해당 탭메뉴에 id값을 동일하게 해주면 간단하게 페이지내 여러 탭메뉴를 사용할 수 있다.