HTML5 #10 Глобальная структура сайта (Global Site Structure)

  Рет қаралды 21,088

webDev

webDev

4 жыл бұрын

#YauhenK #webDev #HTML #HTML5
Всех приветствую в курсе «HTML5».
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
- Валидация HTML документа.
- Семантика.
- Accessibility, или доступность.
По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/html5
✒ Используемые ресурсы и инструменты:
✔ Atom (редактор кода): atom.io
✒ Полезные ссылки:
✔ W3 Валидатор: validator.w3.org
✔ Доступность: developers.google.com/web/fun...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ KZfaq: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

Пікірлер: 42
@matsumbra4984
@matsumbra4984 4 жыл бұрын
Отличный курс. Минимум воды,и выжимка самой нужной инфы
@user-mp3nl5wu3n
@user-mp3nl5wu3n 3 жыл бұрын
Найкраще пояснення структури! Дійшло!
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Отлично)
@mikebl8670
@mikebl8670 4 жыл бұрын
Ти большой молодець! Спасибо, очееень круто!!
@DmitryShelestrans
@DmitryShelestrans 4 жыл бұрын
Огромное спасибо, отличная подача материала!
@mykhailo_sorokin
@mykhailo_sorokin 4 жыл бұрын
Случайно наткнулся на канал, благодаря профилю в LinkedIn, благодарю. Очень интересная информация! Пускай до этого многое знал про структурные теги, но кое что подчерпнул.
@Tracks777
@Tracks777 4 жыл бұрын
lovely stuff
@olezhonnv3215
@olezhonnv3215 4 жыл бұрын
Курс классный! Я, к примеру, в вебе уже лет 10, еще на флеше и АС3 писал раньше. Так вот, я по этому курсу обновил себе знания - тупо раньше все делал тегами span и div в основном. Залип на текущих проектах - они работают и хорошо. А нового подробно не изучал. Так вот, эти видео дают толк - быстро подтягивается то, чего не хватает. Конспектик себе сделал, и уже на новых проектах будет у меня качественный скачёк в вёрстке.
@bukataru_denis
@bukataru_denis 4 жыл бұрын
Лучший курс на сегодняшний день
@YauhenKavalchuk
@YauhenKavalchuk 4 жыл бұрын
Спасибо
@user-er8hq3re6e
@user-er8hq3re6e 2 жыл бұрын
Просто лучшее объяснение из всех что я видел!
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Спасибо
@dmitrijponkin
@dmitrijponkin 4 жыл бұрын
Спасибо!))
@sergeymazin227
@sergeymazin227 2 жыл бұрын
Все как надо! От души!
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Спасибо
@atpavlo
@atpavlo 4 жыл бұрын
Спасибо за проделанную работу. Очень полезный контент. Можно попросить, оформить эту серию уроков в "Список воспроизведения", так как хочу порекомендовать их новичку.
@YauhenKavalchuk
@YauhenKavalchuk 4 жыл бұрын
Да, сегодня открою плейлист
@ArthurYelkin
@ArthurYelkin 4 жыл бұрын
Доначу Евгению не потратив ни копейки, просто смотрю рекламу в начале видео не пропуская) Спасибо Евагений за столько полезной информации на канале)
@alenakarluchenko5276
@alenakarluchenko5276 4 жыл бұрын
Спасибо!!!! Серия уроков суперрррррррррр!!! Я правильно поняла должен быть только в ? и не в коем случае не в ? А если мне надо навигацию по странице засунуть в или ?
@YauhenKavalchuk
@YauhenKavalchuk 4 жыл бұрын
Нет не правильно. Nav может находится где угодно. Основная суть - это то, что он должен содержать только навигацию
@alenakarluchenko5276
@alenakarluchenko5276 4 жыл бұрын
@@YauhenKavalchuk Спасибо
@IamLickurG
@IamLickurG 4 жыл бұрын
В одном курсе, по HTML и CSS, на Udemy, автор говорил, что main можно использовать на всем сайте только один раз, что информация в нем очень специфическая (уникальная). Используется, как правило, на главной странице для описания сути проекта.
@TheProfessionalGambler
@TheProfessionalGambler 4 жыл бұрын
Проверяйте всё в спеке 😉 html.spec.whatwg.org/multipage/grouping-content.html#the-main-element
@azimoff5388
@azimoff5388 4 жыл бұрын
сенкю круто
@vixazomova5899
@vixazomova5899 4 жыл бұрын
Спасибо за видео. Есть вопрос по семантике HTML. В примере сайта учебника по JavaScript в тег HEADER помещается весь первый экран. Правильно ли это с точки зрения семантики или в header нужно помещать только логотип, меню, вход в аккаунт? Есть ли требования, что H1 должно находиться внутри тега MAIN, а не HEADER?
@YauhenKavalchuk
@YauhenKavalchuk 4 жыл бұрын
Это всё зависит от страницы. Иногда помещают весь экран полностью. А иногда и чисто один кусок с навигацией. На счёт H1 обязательного требования нахождения в main я не находил
@frankshepherd5953
@frankshepherd5953 Жыл бұрын
article - встретил первый раз тут!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@lidiyamanatkina5072
@lidiyamanatkina5072 Жыл бұрын
Огромное спасибо! Остался вопрос про атрибуты aside. Есть ли такие. Как задавать его положение? По умолчанию он будет справа? Буду благодарна за ответы.
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Специальных атрибутов для aside нет. А его положением на экране лучше управлять через CSS
@lidiyamanatkina5072
@lidiyamanatkina5072 Жыл бұрын
@@YauhenKavalchuk спасибо, поняла! Как раз начала изучать css по вашему курсу)
@four-leafclover9783
@four-leafclover9783 Жыл бұрын
Как распознать на сайте? Я просто путаюсь очень часто и не понимаю как отличить от
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Article - это стать, новость, блок информации. Section - любой независимый блок, который можно удалить и страница не потеряет целостность
@TheProtMen
@TheProtMen 3 жыл бұрын
У меня возникло недопонимание если я хочу к тегу Содержание сделать навигацию мне нужно внутри его прописывать , правильно понимаю ?
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Nav - это главная навигация. Если вы хотите в aside поместить дополнительную, то обёртка из nav не обязательна
@bukataru_denis
@bukataru_denis 4 жыл бұрын
Евгений, можете подсказать сайты структура которых построена на семантических тегах? Так как не могу найти таковых используя "Инструменты разработчика" для просмотра структуры документа.Заранее спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 4 жыл бұрын
Я таких сайтов не видел. Зачастую, семантика и валидность не совместимы с production проектами
@bukataru_denis
@bukataru_denis 4 жыл бұрын
Спасибо! И тем не менее ,Евгений, в данном плейлисте вы рекомендуете использовать ново веденные теги. Помогите пожалуйста прояснить ситуацию, где и как можно их применять или по прежнему использовать разделяя структуру странниц наименованиями классов. Возможно в западных странах есть такие документы , где accessibility на законодательном уровне? Заранее спасибо!
@AdepTTable
@AdepTTable Жыл бұрын
А как секции размещать относительно друг друга? Может есть видео на эту тему? Не нашел на канале.
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Это в курсе по CSS, так же есть в CSS Grid и CSS Flexbox (многоколоночный макет)
@iGotton
@iGotton 4 жыл бұрын
+
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
👍
HTML5 #11 Форма (Form)
10:18
webDev
Рет қаралды 18 М.
WHO DO I LOVE MOST?
00:22
dednahype
Рет қаралды 74 МЛН
Каха ограбил банк
01:00
К-Media
Рет қаралды 10 МЛН
Can teeth really be exchanged for gifts#joker #shorts
00:45
Untitled Joker
Рет қаралды 17 МЛН
Описание бизнес-процессов по шагам на примерах
17:43
Системный Бизнес
Рет қаралды 3,4 М.
Обзор по ВТС на 27.06.2024
7:14
FUND_STK
Рет қаралды 36