Блог

Привет всем, ребята с быстрым вопросом, очень новички в разработке.

У меня есть класс Div ниже, со стилем, однако гиперссылка даже не работает, как мне заставить гиперссылку работать?

 <div class="HlinkTitle" href="google.co.uk">TEST</div>

<style>
.HlinkTitle {
        padding-left: 100px;
        font-size: 15px;
        font-weight: bold;
        font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: red;
text-decoration: none;
}

</style>
 

Попробуйте добавить это в свой div: <a href="https://stackoverflow.com" class="button">Go to Stack Overflow</a> например:

 <div>
   <a href="https://stackoverflow.com" class="button">Go to Stack Overflow</a>
</div>
<style>
   .HlinkTitle {
   padding-left: 100px;
   font-size: 15px;
   font-weight: bold;
   font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: red;
   text-decoration: none;
   }
</style>
 

Атрибут href может использоваться только для определенных элементов (область привязки, база и ссылка).

В вашем случае, я думаю, вам нужно поместить его на якорный элемент, чтобы пользователь мог щелкнуть по нему, чтобы куда-то перейти.

Я недостаточно знаю о контексте, чтобы знать, нужно ли вам также сохранять div — в данном случае вокруг элемента привязки. Если вы сделаете это, то, по крайней мере, часть стиля CSS необходимо переместить из div в сам элемент a, поскольку браузеры помещают стиль по умолчанию в элементы привязки (например, часто синий цвет и подчеркивание).

 .HlinkTitle {
  padding-left: 100px;
  font-size: 15px;
  font-weight: bold;
  font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: red;
  text-decoration: none;
} 

 <div><a class="HlinkTitle" href="google.co.uk">TEST</a></div>