Как правильно задать разметку с классами для многостраничного сайта?

Question

[Genri_Rus]

spoiler

Допустим таких страниц будет 38, меняться будет только текст под заголовком.

Как вообще правильнее задать стили, мой пример и как более правильнее ?

<div class="row wrapper">
	<aside class="sidebar"></aside>
	<div class="wrapper">
		<header class="header"></header>
		<main class="page">
			<div class="content">
				<div class="content__header">
					<h1 class="title">Основы <span class="title__subtext">Наши ценности</span></h1>
        </div>
				<div class="content__info"></div>
			</div>
		</main>
		<footer class="footer"></footer>
	</div>
</div>

Правильнее content__header или page__header и aside внутри main или т.к. он повторяется нежелательно внутри чтобы был ?

Comments

[Froggyweb]

если будет использоваться вне контента - сделать блок. content__header - лучше это же элемент контента, а не страницы?

[Genri_Rus]

Froggyweb, это подразумевает название страницы в которой будет контент

[Froggyweb]

Genri_Rus, в целом это не очень принципиальный вопрос. В целом может быть и так и так. Как удобней и зависит от макета. Может это вообще не элемент, а блок.

[Genri_Rus]

Froggyweb, а вы в данном примере как сделали бы ?
Интересно было бы посмотреть ваш вариант )

Answer 1

[Антон Шаманов]

более правильнее

делать так тебе удобнее. если хочешь катить по рельсам, то смотри bootstrap, bulma и т.д.

https://en.wikipedia.org/wiki/Holy_grail_(web_design)

Comments

[Genri_Rus]

А вы в данном примере как сделали бы ?
Интересно было бы посмотреть ваш вариант )

[Антон Шаманов]

Genri_Rus, Bootstrap 5 + MithrilJS/Vue3. но я уже лет 5-6 занимаюсь исключительно беком и со всякими фигмами и прочими пижмами знаком только в общих чертах

[Genri_Rus]

Антон Шаманов, я имею ввиду про структуру БЭМ или не пользуетесь ?)

[Антон Шаманов]

Genri_Rus, не пользуюсь