• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как правильно заголовок сделать ссылкой (Можно ли ставить ссылки в h1-h6 в заголовок ссылкой)
Как правильно заголовок сделать ссылкой
Kosten
Дата: Пятница, 2019-08-16, 22:35 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25139
Награды: 57


Давайте рассмотрим, как правильно заголовок статьи или материала сделать ссылкой перехода, ведь нам нужно по клику перейти на полный текст материала, и для этого мы создаем ссылку под заголовок. А это следующее действие, где текст или ключевое слово помещаем внутрь элемента A,который будет располагаться внутри h1 или h2 и так далее.



Ссылка задействована только на текст с надписью «Заголовок».

Код
<h1><a href="link.html">Заголовок с ключевое словом</a></h1>


В HTML5 есть возможность изменять элементы местами и разместить h1 внутри a.

Код
<a href="#"><h1>Заголовок с ключевым словом</h1></a>

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

HTML

Код
<h1><a href="#">ZorNet.Ru — сайт для вебмастера</a></h1>

CSS

Код
h1 a {
    color: #9a2b9b;
}


Демонстрация

Но считаю, что лучше для seo, все вывести через заданный класс.



HTML

Код
<a href="http://zornet.ru/" class="klass_perekhoda">Название материала</a>

CSS

Код
.klass_perekhoda {
    color: #6849b1;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}


Где уже в CSS ее можно оформить, также убрать подчеркивание или выставить другой оттенок цвета и настроить по размеру.

Демонстрация
Прикрепления: 3625512.jpg(25.0 Kb) · 8805981.png(1.4 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как правильно заголовок сделать ссылкой (Можно ли ставить ссылки в h1-h6 в заголовок ссылкой)
  • Страница 1 из 1
  • 1
Поиск: