Is it possible to use h1. ?

Question

HTML

Good day, please tell me if I have an h1 tag and I want the whole sentence to be on the desktop and hide some word on the mobile phone (how it doesn’t fit in the block) - is it possible?
---
And the second question is if you use a tag in the h1 tag
- will it somehow affect search engine optimization? Is it possible to do so?

Answer 1

The h1 tag should only be used as a header, it cannot be used as a container. There are other tags for this, such as . But in this case, use span. Then we get:

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

But this is all very wrong. The text shouldn't be hidden like that. It needs to be made flexible.

Answer 2

and on a mobile phone to hide some word (how it doesn’t fit in a block) - is it possible so?

Read more about adaptive layout. It is better to reduce the font size to fit all the text than to hide a word. All the same, H1 is an important element and it is undesirable for it to differ from the desktop version.

And the second question is if you use a tag in the h1 tag
- will it somehow affect search engine optimization? Is it possible to do so?

What tag? If the text formatting tags, then you can.

Answer 3

H1 doesn't like any nested tags.
Dig in the direction of CSS overflow ellipsis, it hides the "extra" content itself.