Помощник
 |
Сообщение сайта
|
 Моя div-ная верстка соответствует ли стандартам, Хотелось бы конструктивной критики |
muratastana
|
Сообщение
#1
|
||
|
Завсегдатай  
 Группа: Banned Сообщений: 601 Регистрация: 5.11.2021 Из: Астана Поблагодарили: 15 раз Репутация:  -9 
 |
|
||
 |
|
||
malamut
|
 11.1.2023, 22:07;
Ответить: malamut
Сообщение
#2
|
|
Завсегдатай Группа: Active User Сообщений: 600 Регистрация: 18.8.2015 Поблагодарили: 164 раза Репутация: 21
|
нет таковых и можно делать все что душе угодно
-------------------- |
|
|
|
|
muratastana
|
Сообщение
#3
|
|
Завсегдатай
Группа: Banned Сообщений: 601 Регистрация: 5.11.2021 Из: Астана Поблагодарили: 15 раз Репутация: -9
|
Цитата(malamut @ 12.1.2023, 0:07)  нет таковых и можно делать все что душе угодно Ок, но может есть тогда предпочитаемые схемы divной верстки, например, вот так было бы лучше и почему именно так... |
|
|
|
|
malamut
|
12.1.2023, 17:44;
Ответить: malamut
Сообщение
#4
|
|
Завсегдатай Группа: Active User Сообщений: 600 Регистрация: 18.8.2015 Поблагодарили: 164 раза Репутация: 21
|
Не делайте упор на "divную" - с появлением float (а это лет 20 назад) табличная вёрстка - это анахронизм.
Если хотите прямо "правильно" - открываете стандарт и пишете по нему. Есть еще рекомендации, у каждого они свои, почитайте в интернете, кто у вас больше доверия вызывает - тем и следуйте. Я за семантическую вёрстку. Есть ещё всякие сео-метрики "соотношение количества кода к контенту" (чем меньше - тем лучше) и скорость разбора DOM-дерева (чем меньше узлов и меньше их вложенность - тем быстрее и лучше). Правильные отступы у вложенных элементов в коде (пробелы vs табы - вкусовщина). -------------------- |
|
|
|
|
Nell
|
12.1.2023, 19:56;
Ответить: Nell
Сообщение
#5
|
 Бывалый Группа: User Сообщений: 353 Регистрация: 9.10.2011 Из: Саратов Поблагодарили: 72 раза Репутация: 15
|
У вас всё смешалось. Float - это один из способов позиционирования контента при помощи CSS. Это визуал, не больше и не меньше. Float почти повсеместно вытеснен Flexbox`ом с момента появления последнего.
Header, Footer (... Article, Nav, ...) - это семантическая разметка HTML, она к позиционированию никак не относится и задумывалась для SEO. Работает или нет сейчас семантическая вёрстка - вопрос к практикующим сеошникам. -------------------- |
|
|
|
|
muratastana
|
Сообщение
#6
|
|
Завсегдатай
Группа: Banned Сообщений: 601 Регистрация: 5.11.2021 Из: Астана Поблагодарили: 15 раз Репутация: -9
|
Цитата(malamut @ 12.1.2023, 19:44) Не делайте упор на "divную" - с появлением float (а это лет 20 назад) табличная вёрстка - это анахронизм Про табличную верстку здесь никто не говорит воабще. Я делю типы версток или виды версток на div-ную и табличную, а Вы говорите так как будто это одно и то же. |
|
|
|
|
malamut
|
13.1.2023, 1:30;
Ответить: malamut
Сообщение
#7
|
|
Завсегдатай Группа: Active User Сообщений: 600 Регистрация: 18.8.2015 Поблагодарили: 164 раза Репутация: 21
|
Цитата(muratastana @ 12.1.2023, 18:51) Вы говорите так как будто это одно и то же Нет, я пытаюсь донести, что по умолчанию верстка сейчас "divная", потому уточнение требуется только если она не "divная". -------------------- |
|
|
|
|
muratastana
|
Сообщение
#8
|
|
Завсегдатай
Группа: Banned Сообщений: 601 Регистрация: 5.11.2021 Из: Астана Поблагодарили: 15 раз Репутация: -9
|
Цитата(malamut @ 13.1.2023, 3:30) "divная Извиняюсь, зарапортовался, не div-ная верстка, а блочная если правильно говорить. То, что табличная это анахронизм с этим согласен и все таки хотелось бы какую то конструкцию блочной верстки взять за основу как универсальную, подходящую под все случаи жизни, но наверное нет такой... |
|
|
|
|
xweb
|
13.1.2023, 17:26;
Ответить: xweb
Сообщение
#9
|
|
Участник Группа: User Сообщений: 102 Регистрация: 27.7.2011 Поблагодарили: 13 раз Репутация: 2
|
Цитата(muratastana @ 11.1.2023, 19:28) Возник вопрос: правильно ли я делаю, можно вообще такую упрощенную конструкцию применять: три основных блока: верхний, средний и нижний, а внутри среднего уже левый для меню, например и правый (внутри среднего можно и два подблока и три...) ? Может кто то знает о существующих стандартах в дивной верстке или нет таковых и можно делать все что душе угодно? Стандартов никаких нет. Есть способы верстки, к примеру, float, flex, grid. Просто выбирается удобный способ для решения конкретной задачи, то есть для верстки шаблона. Мне нравиться flex, в основном использую этот способ. Grid - относительно новая технология, поддерживается браузерами не так давно. Этот способ использую там, где уверен, что будут использоваться современные браузеры. Знать желательно все способы. Сообщение отредактировал xweb - 13.1.2023, 17:27 -------------------- |
|
|
|
|
muratastana
|
Сообщение
#10
|
|
Завсегдатай
Группа: Banned Сообщений: 601 Регистрация: 5.11.2021 Из: Астана Поблагодарили: 15 раз Репутация: -9
|
Цитата(xweb @ 13.1.2023, 19:26) float, flex, grid. Это Вы про CSS на сколько я понимаю, но вопрос не в этом , Как блоки лучше размещать, если три блока div, поместить в один общий wrapper, а потом ещё в div-контейнер ничего, нормально или лучше 2 раза вложить один в другой и все на этом . На сколько я помню 'вложенность" называется , или "количество уровней вложенности", как то так... |
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. |
27 | zaiko | 17533 | 2.4.2024, 14:00 автор: zaiko |
 |
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 92067 | 11.3.2024, 19:59 автор: anchous |
|
Верстка шаблона Битрикс | 0 | bat | 1416 | 26.9.2023, 6:22 автор: bat |
|
Верстка электронных писем бесплатно | 0 | Gidemopassan | 1526 | 23.6.2023, 10:12 автор: Gidemopassan |
|
Сайт "под ключ" (дизайн, верстка, CMS) | 32 | Brans | 16520 | 19.5.2023, 22:01 автор: Brans |
|
Текстовая версия | Сейчас: 17.4.2024, 2:31 |
