Семантическая вёрстка: что это и почему это важно 🧩

Мы проводим стримы по Frontend-разработке, где наши студенты стремятся к устройству на позицию Junior FE разработчика. Все встречи общедоступны, переходи по нашим ссылкам, общайся и учись с нами. 🔥Что такое 6Seniors — https://6seniors.dev/welcome 🔥Приходи к нам в общий чатик — https://6seniors.dev/telegram 👩🎓Как стать нашим студентом — https://6seniors.dev/join 👩🎓Отзывы наших студентов — https://6seniors.dev/reviews 💻Места проведения встреч: 6Seniors Telegram — https://6seniors.dev/welcome 6Seniors Discord — https://discord.gg/rNdHGPKcEq КСП Discord — https://discord.gg/PTRqNzzxSy КСП Telegram — https://t.me/devworden В этом видео мы погружаемся в мир HTML и семантической вёрстки. Узнайте о ключевых HTML тегах, их роли и значении для структуры сайта, а также о том, как семантическая вёрстка влияет на доступность и SEO. Подходит как для новичков, так и для тех, кто хочет освежить знания. ▶️ 00:00:00 — интро 00:00:01 — что такое семантическая вёрстка? 00:04:44 — для кого важна семантическая вёрстка? 00:10:20 — тег dialog 00:15:52 — тег header 00:16:58 — тег main 00:18:28 — тег aside 00:21:24 — тег section 00:25:00 — тег article 00:29:25 — aside, article на примере 00:35:10 — h1 в article 00:40:18 — скрытие заголовка 00:46:46 — тег nav 00:48:50 — как размечен MDN 00:51:30 — чем заменить div? 00:54:53 — теги sub и sup 00:56:45 — тег blockquote 00:58:23 — тег address 00:59:55 — тег fieldset 01:02:33 — теги figure и figcaption 01:03:43 — тег picture 01:06:35 — теги для текста 01:10:35 — теги video и audio 01:12:00 — тег table 01:14:44 — тег details 01:19:25 — итоги ▶️ #frontend #javascript #live #typescript #react #vue #junior #middle #next #nuxt #обучение #собеседование #собеседованиенаработу #какстатьпрограммистом