Можно ли в h1 использовать. ?

Question

[L1nw0od]

Доброго времени суток, скажите пожалуйста если у меня есть тег h1 и я хочу чтоб на десктопе было все предложение а на мобилке какое-то слово скрывать (то как не помещается в блок) - можно ли так ?
---
И второй вопрос если в теге h1 использовать тег
- повлияет ли это как-то на поисковую оптимизацию ? Можно ли так делать ?

Answer 1

[Святослав Смирнов]

Тег h1 используйте только для заголовка его нельзя использовать как контейнер. Для этого существуют другие теги, такие как . Но в данном случае используйте span. Тогда получаем :

@media(max-height:990px){
      .top__title span{
             display:none;
       }
}

Но всё это очень неправильно. Текст не должен так скрываться . Его необходимо делать гибким.

Comments

[L1nw0od]

Вот так допустимо ?

<h1>Тут будет какой-то текст <br class="visible-xs-block">вторая часть текста</h1>

[Святослав Смирнов]

Всё хорошо, дружище? Какой <br class>? Прочитайте документацию о тегах. br, используется для переноса строки

[L1nw0od]

Святослав Смирнов, Я понимаю что он используется для переноса строки. Но как тут быть что лучше
или span + display block - спану ?
---
Как это повлияет на поисковую оптимизацию.

[Святослав Смирнов]

L1nw0od, Лучше если это меню сворачивать в бургер, а элементам при нажатии на него display : block
Если по вашему, то

<div>
    < span><\span> < span><\span>
</div>

[L1nw0od]

Святослав Смирнов, Это тег h1 (Заголовок основной)
--
Дело вот в чем есть сплошной текст к примеру (Мерседес s класса с водителем в москве)
На мобилке нужно чтоб он был в 2 строки и я хочу (с водителем в москве) обернуть в спан и дать ему дисплей блок.

[Святослав Смирнов]

Ну, и в чём проблема. Берёшь и заворачиваешь, либо <br/>

[L1nw0od]

Святослав Смирнов, Так что лучше использовать
или span ?
---
Чтоб не влияло на поисковую оптимизцаию ?

[Rustam Bainazarov]

L1nw0od, не повлияет ни так, ни эдак.

[Святослав Смирнов]

L1nw0od, Используй span

Answer 2

[Danny Arty]

а на мобилке какое-то слово скрывать (то как не помещается в блок) - можно ли так ?

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

И второй вопрос если в теге h1 использовать тег
- повлияет ли это как-то на поисковую оптимизацию ? Можно ли так делать ?

Какой тег? Если теги форматирования текста, то можно.

Comments

[L1nw0od]

Вот так можно ?

<h1>Тут будет какой-то текст <br class="visible-xs-block">вторая часть текста</h1>

[Danny Arty]

L1nw0od, да, конечно. Но как я и писал, не надо скрывать часть текста. Лучше сделайте его адаптивным

Answer 3

[Page-Audit.ru]

H1 не любит никаких вложенных тегов.
Копайте в сторону CSS overflow ellipsis, он сам скрывает "лишний" контент.