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

  • Автор темы I AM
  • Обновлено
  • 12, May 2024
  • #1
Навигация

Для ссылки на домашнюю страницу это будет 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): Вся помощь очень ценится!

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

I AM


Рег
23 Jul, 2011

Тем
403760

Постов
400028

Баллов
2418908
  • 03, Jun 2024
  • #2
Попробуй это:

 
<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-перенаправление или использование канонический.
 

NcHost


Рег
29 Aug, 2013

Тем
52

Постов
173

Баллов
443
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно