2912
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Всем привет. Проверяя свой сайт на ошибки одним из сервисов он выдал что на главной нету тега H1, теги H2 в количестве 8 и т.д. Исправил в шаблоне H2 на H1 , и снова ошибка.
Как оказалось тег H1 может быть только один на странице . Итак как же эту проблему решить . Ну сначала решил разобраться с главной. На главной странице Самое главное на мой взгляд это название сайта или может быть логотип сайта который заменяет название.
Ну я приведу пример кода ,как я реализовал, здесь эту проблемку
Код:
<a class="navbar-brand" href="{{ home }}">
{% if not isHandler('news:news') %}
<h1 style="margin-top: initial;font-size: 30px;">
{% endif %}
Хаки и Скрипты для <span>NGCMS</span>
{% if not isHandler('news:news') %}
</h1>
{% endif %}
</a>На другом сайте у меня заместо названия изображение с названием,ну изображение в тег H1 не засунешь, пришлось помудрить
примерно так
Код:
<div class="logo_wrapper">
<a href="{{ home }}" title="{{ home_title }}" class="logo">
{% if not isHandler('news:news') %}
<h1 style="display:none">{{ home_title }}</h1>
{% endif %}
<img src="{{ tpl_url }}/images/logo.png" alt="{{ home_title }}" class="img-responsive">
</a>
</div>
Но теперь в Bootstrap 4 появилась плюшка которая решает проблему, это класс .text-hide . Этот класс скрывает текст и позволяет решить проблему с display:none.
Вот пример
Код:
<h1 class="text-hide" style="background-image: url('путь_до_вашего_лого'); width: 50px; height: 50px;">Ваше Название Сайта</h1>Вот вроде и все ,пользуемся.
Можешь почитать и вот эту статейку "Вот это плагин ... универсальный рейтинг"
Это тоже интересно
11.06.18Bootstrap 4 - Таймлайн
22.03.13Теги command- 03.07.13Теги hgroup
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
