Связывание справки

Навигация

Для ссылки на домашнюю страницу это будет index.html или URL-адрес веб-сайта? Я предполагаю, что index.html является внутренним, а URL-адрес будет дополнительным, но будет перенаправляться на домашнюю страницу.

И актив не работает? Я не могу сделать так, чтобы ссылка оставалась выделенной или меняла цвет при нажатии?

HTML

 .navigation {


list-style-type: none;


width: 100%;


height: 40px;


background-color: #F4F4F4;


border: 1px solid #999999;


box-shadow: 0px 0px 1px #999999;


border-left: none;


border-right: none;


}


.navigation li {


display: inline-block;


padding: 11.1px 10px 0 10px;


}


.navigation li a{ 


color: #000;


text-decoration: none;


overflow:hidden;


}


.navigation li a:hover {


color:#0645AD;


background-color:#E5E5E5;


padding: 11px 0px;


}


.navigation li a:active{


color:#0645AD;


background-color:#E5E5E5;


padding: 11px 0px;


}

HTML: CSS

 <ul class="navigation"> <li><a href="index.html">Home</a></li> <li><a href="about-us.html">About Us</a></li> <li><a href="#">Online Guitar Lessons</a></li> <li><a href="#">Contact Us</a></li> </ul>

Код (CSS): Вся помощь очень ценится!

Спасибо,
Крис

Попробуй это:

 
<ul class="navigation">

<li><a href="/" class="current">Selected option</a></li>

<li><a href="/">Normal link</a></li>

...
</ul>

Код (разметка):

  .navigation a.current { ... } 

Код (разметка): Лично я предпочитаю поместить один index.html в каталог, чтобы иметь красивые URL-адреса, хотя это может вызвать проблемы с дублированием контента, если кто-то ссылается на ваши URL-адреса, заканчивающиеся на /index.html.

Я не уверен, какой способ лучше всего избежать этого: возможно, 301-перенаправление или использование канонический.