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

  Переглядів 1,115

Дмитрий Ко

Дмитрий Ко

8 місяців тому

Привет!📢
▶ 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] полный, структурированный и бесплатный курс по фронтенд разработке на UKposts.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender

КОМЕНТАРІ: 18
@user-cs8re1my9c
@user-cs8re1my9c 11 днів тому
thanks👍👍
@MrAprise
@MrAprise 7 місяців тому
Доступным языком разжевал, уровень 😊
@dmitry_kolotilshikov
@dmitry_kolotilshikov 7 місяців тому
🚀🚀🚀
@Zamor-AV
@Zamor-AV 7 місяців тому
Всё очень круто и понятно! Но я пока запомнил только один тег :) 🤣🤣🤣
@dmitry_kolotilshikov
@dmitry_kolotilshikov 7 місяців тому
Это уже прогресс🗽
@alla6361
@alla6361 2 місяці тому
Спасибо!
@noobsslayer7520
@noobsslayer7520 7 місяців тому
Очень и очень сочно! Пошел кодить.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 7 місяців тому
🗽🗽🗽
@banannas-_-
@banannas-_- 6 місяців тому
Спасибо огромное за видео! Ещё могу вспомнить семантические теги: 1. - выделение важных кусочков в тексте, выделяет курсивом 2. - выделение важных кусочков в тексте, выделяет жирным шрифтом 3. - перечеркивает текст 4. - подчеркивает текст
@kalts_daniil
@kalts_daniil 2 місяці тому
Интересно) Есть так же альтернативы как: i (ittalic) как em, s (Strikethrough) как del, u (underline) как ins.
@noobsslayer7520
@noobsslayer7520 7 місяців тому
А то есть выпадашку, можно стилизовать так, чтобы выпадающее окно не задевала блоки, что находятся рядом? (к примеру у меня есть лист, под котором находятся другие блоки, скажем так из и эти блоки отодвигаются вниз после появления выпадашки)
@dmitry_kolotilshikov
@dmitry_kolotilshikov 7 місяців тому
Можно поизвращаться и сделать в position absolute
@user-gu3vl9qr6r
@user-gu3vl9qr6r 2 місяці тому
Не хватает перевода тегов для большего понимания, типо main- основной, header - переводится как заголовок и т.д. Фразу "Тег говорит сам за себя" стоило бы сменить на описание того, что тег обозначает🙂 Сложно для восприятия, 2 раза послушал, едем дальше
@user-chf7z61vnd6h8v
@user-chf7z61vnd6h8v 4 місяці тому
Кто хочет познать семантику, идите к Мурычу, а тут ничего общего с семантикой, все переливают одну и ту же инфу, не имеющую отношения к семантике html5
@tackesi
@tackesi 3 місяці тому
Семантика чаще всего вам не нужна. Редко, когда вы будите делать сео. Если же вы вписались в это дело, то посмотрите стрим с Мурычем про семантику. Просто нужно понимать с какими целями мы оборачиваем в эти теги. Если перед нами сео задачи не стоят, то это мартышкин труд. Самое главное, не делай этого для галочки. Нужна доступность? Иди гуглить доступность. Нужен сео? Ответ тот же. Семантику тут именно как инструмент самого сео, а не какой-то хороший тон или обязательный элемент.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 місяці тому
Здесь несколько факторов дл использования таких тегов - accessibility (доступность), чтение кода гораздо легче, чем читать одни дивы, использование тегов по их прямому назначению, но и конечно же для seo Поэтому лучше сразу приучать себя писать с таким подходом👌
@tackesi
@tackesi 3 місяці тому
@@dmitry_kolotilshikov если ты пишешь неиндексуриемые интерфейсы с изолированными CSS в этом нет смысла. С нормальными неймингов классов читаемость тоже вполне себе, а учитывая, что вложенность меньше, мне даже больше нравится. Семантика штука опциональная. Либо ее делать хорошо и осознанно, либо не делать 🤣 Поисковики давно умеют понимать что является меню, в что хедором. А вот разметить табличку - это тема. Или те же товары, описать их свойства и вложенность одного в другой. Ну ладно. Опять можно в срач скатиться, где каждый будет защищать свою точку зрения. Я если что не критикую курс, я просто наткнулся на ведюшку по поиску.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 місяці тому
@@tackesi да)
94. Frontender[1.0] BOOTSTRAP. Зачем? Теория и практика
35:12
Дмитрий Ко
Переглядів 1,6 тис.
GigaCode. Небольшой обзор
8:57
Андрей Старинин
Переглядів 8 тис.
Best OS for programming? Mac vs Windows vs Linux debate settled
8:41
HTML section elements are a lie (sort of)
7:59
Kevin Powell
Переглядів 134 тис.
FOREST APP Walkthrough | Full Tour of the best PRODUCTIVTY APP
9:34
Antonias.Dailystudyblog
Переглядів 167 тис.