#4 Теги глобальной структуры сайта: header, nav, main, footer [Курс по Верстке от AROKEN]
HTML-код
- Опубликовано: 17 мар 2022
- 👋 Привет! Это курс по верстке от Арокен.ру!
В этом курсе ты обучишься основам верстки, поймешь, как создавать сайты и сделаешь свой собственный крутой проект!
👨💻 Материалы курса (верстка и макеты):
Яндекс.Диск - disk.yandex.ru/d/sPwFI1parDsGSA
💥 Основной канал - / @arokenez
✈️ Телеграм - t.me/moodaroken
🖥 Бесплатное сообщество - t.me/arokenru
📜 Группа ВКонтакте - aroken
🔥 Мой сайт AROKEN.RU - aroken.ru
📩 Мой Телеграм Бот - t.me/aroken_bot
🙋♂️ Мой блог - t.me/arokendays
⚠️ Осторожно! После прохождения курса ты рискуешь научиться создавать удобные сайты и ворваться в развивающийся айти рынок!
❓ Остались вопросы? Нет мотивации и уверенности в обучении? Пиши в наше бесплатное сообщество в телеграмме!
Там опытные ребята помогут тебе разобраться в проблеме!
👨🏫 Преподаватель курса - выпускник Личного Менторства (ныне Премиум) (aroken.ru) и ныне участник команды АроКод: Никита Бёркхардт.
Интересно и очень доступно объясняете, не все на примерах объясняют структуру сайта
Благодарю, да, классные примеры))
Пыталась найти хороший пример сайта для повторения, в итоге после просмотра кода у всех почти сайт состоял на 90% из дивов) В итоге забила и на основе урока сделала сама по семантике, логически разобрав сайт.
+++, я так и не нашел нормальный сайт(
Лайк, информация подана отлично!
Хорошее видео,спасибо большое,очень информативно
Спасибо вам за урок!
примеры имба, спасибо за ролик
Четвёртый урок на уровне, полёт нормальный. Разбил сайт на части, при этом сильно глубоко не лез, не делил на очень маленькие секции (хотя в режиме разработчика это было сделано). И при таком грубом обрубилове получилось 137 строчек!!! Если не сворачивать готовый код, то и потеряться легко... Спасибо за урок!!
Кул) Молодец)
у меня 87 получилось
разбираю сайт, на мой взгляд там много article, нажимаю "исследовать элемент" и это все оказывается div 😮💨. Там в принципе весь сайт в div
полностью согласен
большинство сайтов делают через див ) походу всем пофигу на семантику
Спасибо мужик
Благодарю!
спасибо за такой ролик, посмотрел один сайт и около 10 или 15 потратил чтоб угадать какой код в нем а оказалось там все написано с div
с header, footer, aside, main и nav проблем нет, а вот с секциями и артикулами я чего то так до конца и не понял 🥺
согласен ахахахах 9 месяцев назад
Подскажи плиз. А как ты сделал что у тебя после ентера сразу пустое место с табом есть? Мне приходится нажимать два раза его и таб потом, а это не удобно и занимает много времени.
Тегов header на странице может быть несколько (маленькое незначительное замечание))). А в остальном урок по html крутой.
но это как-то странно, чисто по логике, шапка у сайта-то одна
header может быть и два, один глобальный -шапка сайта с навигацией его role должна быть banner, и второй header это начало какойнибуть статьи например где общая информация а дальше идет остальная статья. Счас многие уже говорят что ошибочно считать что header может быть только один.
Есть более удобный способ копирования строки Ctrl+D 😉, а еще vs code поддерживает запись например section * n где n количество повторений.
В целом очень доходчиво, спасибо! 👍
O, полезная инфа с умножением тэгов.
Спасибо
ты лучший
2:40 - Разве не наоборот принято? - Определяет статью в документе. В него принято помещать несколько блоков из , т.к. нечто крупное. А лишь раздел. Их может быть несколько в .
Оба варианта верны) Артикл не привязан к размеру, это может быть как крупная статья, так и мелкая самостоятельная карточка в каком-нибудь эсайде или секции
Открыл сайт компании в которой работаю (компания небольшая локальная) и нашел пасхалку в логотипе разработчика сайта "Мы здесь были ;)"
в прошлом уроке была картинка где показано main>section>article
почему тут идет main>article>section?
Открыл два сайта, оба были написаны исключитльно на div)))
)))
🔥
2:54 "... - может быть на сайте только один- ..."
3:08 "... - он тоже только один- ..."
3:11 "... - всегда находится внизу- ..."
4:31 - добавляйте это лучше после каждого своего утверждения
Всегда считал, что учить - большая ответственность.
я написал див блок и спан инлайн , они просто написались без окантовки в чем проблема моя?
Ютуб написан div-ами. Еще нашла в нем какой-то уникальный тег ytd-playlist-panel-renderer
не расслышала в видео момент, то ли закоментирую, или другое, но это сочетание CNTRL+/. Что это и для чего это делают?
"Закомментирую" , то есть та информация , которую мы закомментировали, программой читаться не будет, её как будто бы в коде нет, но мы её видим и можем обратно раскомментировать.
@@20ash14 спасибо)
:)
Верно!
а можно было ли после header написать main, а потом aside? ( 1 пример )
Конечно, если это необходимо. В данном же примере aside потребовалось написать до main)
при вводе ! ни чего не происходит вопрос почему?
у меня в браузере открывается просто код, который написан в редакторе. Что то не так делаю?
У меня тоже,походу здесь и мы остановимся
ребят, кто знает скажите, почему когда я ввожу "div" или "span", то появляется просто текст без блока (в css я даже не лез, для справки)
Нужно задать background
я не знаю почему , но когда я написал див блок и спан инлайн , они просто написались без окантовки как в видео 😮💨
мне кажется я даун
напиши в чат бесплатного тарифа
это потому что ты не применил стили css, которые были в видео, но их не нужно было добавлять)
Открыл исходный код 5 сайтов, везде используется только div и span... Даже Хабр ими написан, ХАБР!!! Появляется вопрос, а так ли семантика влияет на продвижение сайта и важна ли она вообще? Все сайты, которые я проверял, были на первом месте в поиске.
Не всегда выйдет с помощью div`a сделать разметку сайта как с секциями и тому подобным.
На продвижение сайта оно не влияет, и каждый делает по своему или как может.
давно хабр у нас теперь венец творения человеческого?)
Со всего у меня получилось только значёк поменять😂 на остальном ошибки,блочный элемент не показывает...тупо нифига не работает от слова вообще
у меня в начале не получается .с тегом див и спан
Так как там в CSS добавлены стили, ты пока что ещё его не изучал и он сделал это для наглядности
@@user-bn7fl9ny1t зачем показывать того чего ещё не было
твой плагин по обвертке тегов марочный какой-то. Все это есть в деффолтном emmet. Просто клавиши устанавливай
Ну окей)
3:33
11:05 - что есть "закомментировать" плохо понятно
нашёл ответ в комментариях*
можешь сказать пожалуйста@@User-wi7rd
@@yanziuy Комментарий - это текст, который предназначен для программистов и не обрабатывается компилятором. Обычно комментарии используются для создания заметок к коду для дальнейшего использования. Компилятор обрабатывает их как пробел.
со структурой разобрался фух