заголовок h1 через html

[178456]

Здравствуйте!

Подскажите правильно ли оформлен заголовок h1 через html содержимое?

<h1 style="text-align: center;">ИНТЕРНЕТ &ndash; МАГАЗИН ОДЕЖДЫ</h1>

[Otvet]

2 минуты назад, 178456 сказал:

style="text-align: center;"

в css

 

 

важно расположить правильно

[ibond]

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_text-align

[178456]

46 минут назад, Otvet сказал:

в css

 

 

важно расположить правильно

насколько я понял пример который я привел это считается встроенным стилем и центрирование заголовка нужно осуществить через файл css правильно?

[178456]

19 минут назад, ibond сказал:

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_text-align

По приведенному вами примеру, если я правильно понял <h1 style="text-align:center;">Centered Heading</h1> это заголовок первого уровня выведенный по центру, а <p style="text-align:center;">Centered paragraph.</p> это блочный элемент также выведенный по центру

[Tom]

В опенкарт 2 и выше используется бутстрап, поэтому достаточно присвоить элементу класс text-center ( или left , right).

https://getbootstrap.com/docs/4.0/utilities/text/

[Yesvik]

Не понятна суть вопроса...

<h1 style="text-align: center;">ИНТЕРНЕТ &ndash; МАГАЗИН ОДЕЖДЫ</h1>

С точки зрения валидности - всё корректно, но...

Заголовок - это блочный элемент и занимают всю доступную ширину. Для выравнивания заголовка существует атрибут align и его CSS аналог text-align.

На сколько оправдано наличие оформления в разметке сложно ответить по приведённому примеру. Если речь не идёт о простенькой странице - то разметку и оформление надо разделять. Как оформить заголовок с помощью CSS тебе уже накидали вариантов.

[178456]

1 час назад, Tom сказал:

В опенкарт 2 и выше используется бутстрап, поэтому достаточно присвоить элементу класс text-center ( или left , right).

https://getbootstrap.com/docs/4.0/utilities/text/

Правильно ли я сделал?

<!--Это заголовок h1 в html блоке-->

<div id="h1-header">
<h1>ИНТЕРНЕТ &ndash; МАГАЗИН  ОДЕЖДЫ </h1>
</div>

 

/*"Это прописал в стилях css*/

#h1-header {
    text-align: center;
}

 

В итоге текст h1 выровнялся по центру. Но вопрос правильно ли это сделано?

 

Змінено 12 травня 2019 користувачем 178456

[178456]

Правильно ли сделано?