X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
> Моя div-ная верстка соответствует ли стандартам, Хотелось бы конструктивной критики
muratastana
muratastana
Topic Starter сообщение 11.1.2023, 20:28; Ответить: muratastana
Сообщение #1


В сети можно найти множество вариантов div-ной верстки и адаптивной, и резиновой, и фиксированной.

На одном из шаблонов такой верстки сделал сайт: header. leat block, content по середине, right block ну и внизу соответственно footer. Верстка предусматривала float left для левого блока и float right для правого блока.

Сейчас создал свою собственную конструкцию без вот эти левый, правый...гораздо проще: header, content, footer. Внутри блока content уже создаю левый, центральный и правый подблоки. В обоих случаях, все это заворачиваю в общий блок container естественно.

Возник вопрос: правильно ли я делаю, можно вообще такую упрощенную конструкцию применять: три основных блока: верхний, средний и нижний, а внутри среднего уже левый для меню, например и правый (внутри среднего можно и два подблока и три...) ? Может кто то знает о существующих стандартах в дивной верстке или нет таковых и можно делать все что душе угодно?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
malamut
malamut
сообщение 11.1.2023, 22:07; Ответить: malamut
Сообщение #2


нет таковых и можно делать все что душе угодно


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
muratastana
muratastana
Topic Starter сообщение 12.1.2023, 15:16; Ответить: muratastana
Сообщение #3


Цитата(malamut @ 12.1.2023, 0:07) *
нет таковых и можно делать все что душе угодно

Ок, но может есть тогда предпочитаемые схемы divной верстки, например, вот так было бы лучше и почему именно так...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
malamut
malamut
сообщение 12.1.2023, 17:44; Ответить: malamut
Сообщение #4


Не делайте упор на "divную" - с появлением float (а это лет 20 назад) табличная вёрстка - это анахронизм.
Если хотите прямо "правильно" - открываете стандарт и пишете по нему.
Есть еще рекомендации, у каждого они свои, почитайте в интернете, кто у вас больше доверия вызывает - тем и следуйте. Я за семантическую вёрстку. Есть ещё всякие сео-метрики "соотношение количества кода к контенту" (чем меньше - тем лучше) и скорость разбора DOM-дерева (чем меньше узлов и меньше их вложенность - тем быстрее и лучше). Правильные отступы у вложенных элементов в коде (пробелы vs табы - вкусовщина).


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nell
Nell
сообщение 12.1.2023, 19:56; Ответить: Nell
Сообщение #5


У вас всё смешалось. Float - это один из способов позиционирования контента при помощи CSS. Это визуал, не больше и не меньше. Float почти повсеместно вытеснен Flexbox`ом с момента появления последнего.
Header, Footer (... Article, Nav, ...) - это семантическая разметка HTML, она к позиционированию никак не относится и задумывалась для SEO. Работает или нет сейчас семантическая вёрстка - вопрос к практикующим сеошникам.



--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
muratastana
muratastana
Topic Starter сообщение 12.1.2023, 20:51; Ответить: muratastana
Сообщение #6


Цитата(malamut @ 12.1.2023, 19:44) *
Не делайте упор на "divную" - с появлением float (а это лет 20 назад) табличная вёрстка - это анахронизм

Про табличную верстку здесь никто не говорит воабще. Я делю типы версток или виды версток на div-ную и табличную, а Вы говорите так как будто это одно и то же.


Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
malamut
malamut
сообщение 13.1.2023, 1:30; Ответить: malamut
Сообщение #7


Цитата(muratastana @ 12.1.2023, 18:51) *
Вы говорите так как будто это одно и то же

Нет, я пытаюсь донести, что по умолчанию верстка сейчас "divная", потому уточнение требуется только если она не "divная".


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
muratastana
muratastana
Topic Starter сообщение 13.1.2023, 8:12; Ответить: muratastana
Сообщение #8


Цитата(malamut @ 13.1.2023, 3:30) *
"divная

Извиняюсь, зарапортовался, не div-ная верстка, а блочная если правильно говорить. То, что табличная это анахронизм с этим согласен и все таки хотелось бы какую то конструкцию блочной верстки взять за основу как универсальную, подходящую под все случаи жизни, но наверное нет такой...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xweb
xweb
сообщение 13.1.2023, 17:26; Ответить: xweb
Сообщение #9


Цитата(muratastana @ 11.1.2023, 19:28) *
Возник вопрос: правильно ли я делаю, можно вообще такую упрощенную конструкцию применять: три основных блока: верхний, средний и нижний, а внутри среднего уже левый для меню, например и правый (внутри среднего можно и два подблока и три...) ? Может кто то знает о существующих стандартах в дивной верстке или нет таковых и можно делать все что душе угодно?

Стандартов никаких нет. Есть способы верстки, к примеру, float, flex, grid. Просто выбирается удобный способ для решения конкретной задачи, то есть для верстки шаблона.
Мне нравиться flex, в основном использую этот способ. Grid - относительно новая технология, поддерживается браузерами не так давно. Этот способ использую там, где уверен, что будут использоваться современные браузеры. Знать желательно все способы.

Сообщение отредактировал xweb - 13.1.2023, 17:27


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
muratastana
muratastana
Topic Starter сообщение 14.1.2023, 0:10; Ответить: muratastana
Сообщение #10


Цитата(xweb @ 13.1.2023, 19:26) *
float, flex, grid.

Это Вы про CSS на сколько я понимаю, но вопрос не в этом , Как блоки лучше размещать, если три блока div, поместить в один общий wrapper, а потом ещё в div-контейнер ничего, нормально или лучше 2 раза вложить один в другой и все на этом . На сколько я помню 'вложенность" называется , или "количество уровней вложенности", как то так...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 14741 19.5.2023, 22:01
автор: Brans
Открытая тема (нет новых ответов) Верстка и Разработка веб-приложений (Yii 2,WordPress, Symfony, Laravel)
Верстка,правка косяков/багов + другая работа. Доступные цены.
26 Fortunatus 29103 10.5.2023, 2:17
автор: Zond
Открытая тема (нет новых ответов) Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
20 zaiko 12904 27.4.2023, 9:00
автор: EvilGomel
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыАдаптивная верстка
натяжка на CMS
48 SeoJoke 31682 1.5.2022, 23:08
автор: a1ex777
Открытая тема (нет новых ответов) Ищем исполнителей на проекты (верстка, программирование, контент)
5 kismedia 2643 28.4.2022, 2:28
автор: doharddocode


 



RSS Текстовая версия Сейчас: 4.6.2023, 7:06
Дизайн