2333
- 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>Вот вроде и все ,пользуемся.
Можешь почитать и вот эту статейку "HTML 5 теги"
Это тоже интересно
11.06.18Bootstrap 4 - Таймлайн
20.03.13HTML теги blockquote- 03.07.13Теги h
14.05.18Облако тегов на CSS3
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.