/web/ мёртв, спрошу здесь.Аноны, подскажите по html5.Создаю шаблон на html5 и у меня ВСТАЛ вопрос, чем оборачивать контент? Контент такой, что в нём например будет на главной странице список материалов, а в самом материале текст и например видеоплеер, так вот, встал вопрос, чем это оборачивать? Вот такая структура будет правильной?<body><header>Шапка<header><aside>Боковая панель</aside><main>Сам контент</main><footer>Подвал</footer></body>Или оборачивать <main>-ом контент - это неправильно? Тогда чем? <section>? А может его вообще не оборачивать?
>>161428383 (OP)СЕМАНТИКАЕМАНТИКА
>>161428397Значит я правильно делаю?
>>161428496Не знаю.
bump
>>161428383 (OP)Ты че, пёс, ёбу дал, пилить сайтик на чистом html?
bamp
>>161428383 (OP)Где учишься?
.containerПо горизонтальному центру с форсированной шириной для разных размеров экрана.
Сам только учусь, почему бы дивами не сделать всё?
>>161428383 (OP)Семантика - это имхо. Можешь хоть на дивах верстать.
Дивы+флексы. Нахуй семантику.
Да делай как угодно, всё равно хуйня выйдет. На качество среднего говна, клепаемого в вебдеве, твой сайтик не повлияет.
Так как это филиал /web/, спрошуКак или где сжать свои исходники JS и CSS? Чтобы компрессор удалил всё лишнее и ненужное.
>>161434811не писать так чтобы было чтото лишнее и ненужное, довен
>>161438363Хорошо, для тупых, чтобы сжать css.
>>161428383 (OP)Лол, ты бы хоть теги выучил, прежде чем писатьа если просто дрочишь на семантику, то у тебя все норм, сильнее заморачиваться не надо>>161434811гугли gulp
>>161439121>теги выучила что там неправильно?
>>161434811Для единичный JS есть Closure Compiler(только выставь Optimization: Advanced), но если код с костылями и грязными хаками, то он просто поссыт тебе на ебало и не станет перекомпилировать ничего.https://closure-compiler.appspot.com/homeНо если хочешь автоматизировать это или слишком большие исходники, то используй(со смазкой) Gulp.http://webdesign-master.ru/blog/tools/2016-03-09-gulp-beginners.html
>>161434811Пока дизайн не устаканился, можешь не сжимать, чобы 10 раз не переделывать.Вангую, учишься сайты ускорять. Я начинал саморазвиваться когда, эта тема была интересна. Зацени GtMetrix.comЕще в инструментах вебмастера Гугла есть WebTools -> Другие ресурсы -> PageSpeed Insightsон даёт советы, что нужно соптимизировать, предлагает так же скачать сжатые файлы.Компрессор JS на ультра не ставь, ошибок наделает.Ну и для ускорения сайта, надо минимизировать кол-во запросов на сервер. Таблицы стилей слепливаешь в одну. Скрипты в 1-2 файла. Далее PageSpeed попросит тебя убрать из header'а линки в конец html документа, вот там то и начнется экшн)
Но фронт же скоро сдохнет
>>161428383 (OP)Опирайся на стандарт, читай про элементы.http://w3c.github.io/html-reference/elements.html"main" такого вообще нет. header и footer вроде как внутри section.
>>161428383 (OP)Для семантики используй schema.org
>>161428383 (OP)И вообще, не еби себе голову, в рабочем проекте используй покупные шаблоны на бутстрапе.А для саморазвития есть на торрентах ннм-клаба записи курсов, от Специалиста хорошие.
>>161428496<body> <section class="wrapper"> <div> <header>Шапка</header> <nav>Менюшка</nav> </div> <div class="sidebar"><!-- SIDEBAR --> <aside></aside> <aside></aside> <aside></aside> </div> <div class="main"><!-- MAIN --> <article></article> <article></article> <article></article> </div> <footer>Подвал</footer> </section></body>
Посоны, а поясните за select, хули он такой выёбистый? Посмотрите что я ему прописал, ему абсолютно похуй, он воспринимает только ширину и высоту, убрать бордер? хуй! выровнять текст по центру? хуй! сделать высоту пунктов option больше? хуй! Как вообще им управлять через CSS?
>>161446092Внутри select есть ещё optgroup и option.margin:0; padding:0; border: 0px;Потом with:...px для каждого попробуй.Даже если некоторые html-теги не прописаны, браузеры их в уме как бы "добавляют" по умолчанию в DOM потому что они должны быть.
>>161428383 (OP)Дивами ебашь и спанами.
>>161447877Лол, прописал select, optgroup и option-у margin:0; padding:0; border: 0px; и даже display:block; ему абсолютно похую, никакой реакции
>>161449325{margin:0;padding:0;}/ обнуляем вначале*/select {outline:none; border:0px; width:260px;}select option{width:260px;padding-left:7px;}select optgroup{width:240px;padding-left:2px;}
>>161452515>*/{margin:0;padding:0;}
>>161452629без /
>>161449325а, да. Ещё селект у меня наследует от родительского дива display:inline-block; но не всегдаВаще эту верстку 4 года назад делал, всё еще отображается. А че и как делал не вспомню) Саморазвивался
>>161452515>>161453575Лол анон, всё ровно также, не убирается бордер, не выравнивается по центру и не меняется высота option, не зря ничего в интернете нет варианта как это сделать, это невозможно, похожетолько скриптами, а оно нахуй ненужно
>>161445301Этот дело говорит
>>161454030Выравнивание текста по центру, это в строчных и строчно-блочных элементах. Возможно наследуется быть блочным.Приоритеты умеешь? #id, class, !important? селекторы? Где то ошибка закралась.Вообще, качни с торрентов nnm-club курсы по верстке. 2 недели и разберешся.
>>161456187Верстать я умею, и про important знаю, не помогает, проверь
>>161428383 (OP)Ты еблан? div тебе нахуя дан, объебос ты сраный? Делаешь всё в div, всё остальное в css. Пиздец, делбич. Посмотри уроки на ютубе, если сам такой тупой.
>>161457598Тупой здесь ты, нужна именно html5 вёрстка, вопрос был простой - во что оборачивать сам контент.
>>161457351>Верстать я умеюУмел бы, не спрашивал) Ну хз как, я как то отверстал говносайт на статике. Давно было. Даже адаптивным сделал, про бутстрап не знал тогда.Селект у меня там в калькуляторе только. Всё еще отображается адекватно.Как я сделал: смотрел видеокурс платный от Специалиста. Сначала про 4 html. Позже уже и 5. Начинать надо с 4го.Тебе понимания не хватает, как это устроено (html), так бы уже нагуглил.
>>161457598ко-ко-ко html5 не нужен, скажи ещё маня, что HTTP2 не нужен.
>>161459034Братишка, то что ты верстал на IE6 уже не работает, ты хоть скачай новый браузер и прямо в коде страницы проверь - это не работает, этот тег не поддаётся форматированию.
>>161459219В том и дело. Я верстал, когда ослики умирали скоропостижно. А мобильный интернет только развивался. Но после просмотра обучалок у мя получилось и под старый ослик и под мобилки
>>161459219Вынудил. На смотри.alltradeltd.ru/price.htmlгде "Калькулятор для потолка:" там selectТока не ржать за внешний вид!!! я без таланта художника
>>161443452нахуй вся эта оптимизация нинужна когда криворукие долбоебы понапишут на js говна такого, что вообще нихуя не шевелится, еще и рекламки для монитизации вставят и вообще заебись всё висит
>>161459833Поисковые машины дают преимущество, подтягивают вверх по позициям в выдаче. На мобилах особенно заметно.А хозяину сайта прямая выгода - выше позиция - больше кликов - больше заказов или просмотров рекламы.
>>161459833И чем дольше сайт грузится, тем больше показатель отказов. Человека начинает бесить загрузка дольше 2х секунд.По-этому: всю графику в спрайт, скрипты и стили слепить. Лишних GET запросов на сервер не должно быть.Настроить кэширование, как на серваке так и в браузере.
>>161459833Скрипты я перелопачивал. Сейчас там ошибки, но мне лень исправлять. Новый уже если и буду делать, то на Вордпрессе, пока просто домен за собой держу.
>>161459555>alltradeltd.ru/price.htmlНу вот братишка, ты сам видишь, его хуй оформишь, ты только задал ему ширину, беграунд и сдвиги у списка внутри, всё, а вот их высоту ты не изменил и не сможешь, как и убрать бордер, только задать ему цвет, меняется только картинка стрелочки вниз, всё
>>161463389Чтоб долго не мучатся можно попробовать фреймворк jquery ui. Посмотреть как там.
>>161463389А span внутрь положить пробовал и его покрасить?попробовать span строчно-блочный.или position relative - absolute с элементами
>>161463389user agent stylesheet - перекрыть надо.Да наверно врукопашную замаешся, под каждый браузер. Не проще подгрузить ченить готовое?
>>161463389Можно расковырять css у jquery того же, посмотреть как тамБордер можно не убирать технически а покрасить в цвет фона.Высоту раздвинуть строчным элементом с line-height:20px;
