17. Frontender[1.0] Семантика в HTML. Семантические теги

Привет!📢
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: / kolotilshikov
Семантика в HTML. Семантические теги
Это 17 видео первого модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-то когда-то учили или учат, также тех кто хочет освежить знания. На курс трачу очень много времени, чтобы контен получался качественный, плюс качественная картинка и звук, а самое главное стараюсь рассказывать всё простым языком.
К каждому уроку также есть PDF файл по теме урока, который можете скачать у меня в телеграм-канале под анонсом данного урока.
Ваша обратная связь обязательна =)
Курс разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Графический дизайн и анимация: t.me/getlogo
📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • Frontender[1.0] - 1 мо...
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на KZbin.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender

[@user-cs8re1my9c]

thanks👍👍

[@MrAprise]

Доступным языком разжевал, уровень 😊

[@dmitry_kolotilshikov]

🚀🚀🚀

[@alla6361]

Спасибо!

[@Zamor-AV]

Всё очень круто и понятно! Но я пока запомнил только один тег :) 🤣🤣🤣

[@dmitry_kolotilshikov]

Это уже прогресс🗽

[@noobsslayer7520]

Очень и очень сочно! Пошел кодить.

[@dmitry_kolotilshikov]

🗽🗽🗽

[@banannas-_-]

Спасибо огромное за видео! Ещё могу вспомнить семантические теги: 1. - выделение важных кусочков в тексте, выделяет курсивом 2. - выделение важных кусочков в тексте, выделяет жирным шрифтом 3. - перечеркивает текст 4. - подчеркивает текст

[@kalts_daniil]

Интересно) Есть так же альтернативы как: i (ittalic) как em, s (Strikethrough) как del, u (underline) как ins.

[@noobsslayer7520]

А то есть выпадашку, можно стилизовать так, чтобы выпадающее окно не задевала блоки, что находятся рядом? (к примеру у меня есть лист, под котором находятся другие блоки, скажем так из и эти блоки отодвигаются вниз после появления выпадашки)

[@dmitry_kolotilshikov]

Можно поизвращаться и сделать в position absolute

[@user-gu3vl9qr6r]

Не хватает перевода тегов для большего понимания, типо main- основной, header - переводится как заголовок и т.д. Фразу "Тег говорит сам за себя" стоило бы сменить на описание того, что тег обозначает🙂 Сложно для восприятия, 2 раза послушал, едем дальше

[@user-chf7z61vnd6h8v]

Кто хочет познать семантику, идите к Мурычу, а тут ничего общего с семантикой, все переливают одну и ту же инфу, не имеющую отношения к семантике html5

[@tackesi]

Семантика чаще всего вам не нужна. Редко, когда вы будите делать сео. Если же вы вписались в это дело, то посмотрите стрим с Мурычем про семантику. Просто нужно понимать с какими целями мы оборачиваем в эти теги. Если перед нами сео задачи не стоят, то это мартышкин труд. Самое главное, не делай этого для галочки. Нужна доступность? Иди гуглить доступность. Нужен сео? Ответ тот же. Семантику тут именно как инструмент самого сео, а не какой-то хороший тон или обязательный элемент.

[@dmitry_kolotilshikov]

Здесь несколько факторов дл использования таких тегов - accessibility (доступность), чтение кода гораздо легче, чем читать одни дивы, использование тегов по их прямому назначению, но и конечно же для seo Поэтому лучше сразу приучать себя писать с таким подходом👌

[@tackesi]

@@dmitry_kolotilshikov если ты пишешь неиндексуриемые интерфейсы с изолированными CSS в этом нет смысла. С нормальными неймингов классов читаемость тоже вполне себе, а учитывая, что вложенность меньше, мне даже больше нравится. Семантика штука опциональная. Либо ее делать хорошо и осознанно, либо не делать 🤣 Поисковики давно умеют понимать что является меню, в что хедором. А вот разметить табличку - это тема. Или те же товары, описать их свойства и вложенность одного в другой. Ну ладно. Опять можно в срач скатиться, где каждый будет защищать свою точку зрения. Я если что не критикую курс, я просто наткнулся на ведюшку по поиску.

[@dmitry_kolotilshikov]

@@tackesi да)