Тёмный

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

Дмитрий Ко
Подписаться 10 тыс.
Просмотров 1,2 тыс.
50% 1

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

Опубликовано:

 

11 сен 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 18   
@user-cs8re1my9c
@user-cs8re1my9c Месяц назад
thanks👍👍
@alla6361
@alla6361 3 месяца назад
Спасибо!
@MrAprise
@MrAprise 8 месяцев назад
Доступным языком разжевал, уровень 😊
@dmitry_kolotilshikov
@dmitry_kolotilshikov 8 месяцев назад
🚀🚀🚀
@banannas-_-
@banannas-_- 7 месяцев назад
Спасибо огромное за видео! Ещё могу вспомнить семантические теги: 1. - выделение важных кусочков в тексте, выделяет курсивом 2. - выделение важных кусочков в тексте, выделяет жирным шрифтом 3. - перечеркивает текст 4. - подчеркивает текст
@kalts_daniil
@kalts_daniil 3 месяца назад
Интересно) Есть так же альтернативы как: i (ittalic) как em, s (Strikethrough) как del, u (underline) как ins.
@Zamor-AV
@Zamor-AV 8 месяцев назад
Всё очень круто и понятно! Но я пока запомнил только один тег :) 🤣🤣🤣
@dmitry_kolotilshikov
@dmitry_kolotilshikov 8 месяцев назад
Это уже прогресс🗽
@noobsslayer7520
@noobsslayer7520 8 месяцев назад
Очень и очень сочно! Пошел кодить.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 8 месяцев назад
🗽🗽🗽
@noobsslayer7520
@noobsslayer7520 8 месяцев назад
А то есть выпадашку, можно стилизовать так, чтобы выпадающее окно не задевала блоки, что находятся рядом? (к примеру у меня есть лист, под котором находятся другие блоки, скажем так из и эти блоки отодвигаются вниз после появления выпадашки)
@dmitry_kolotilshikov
@dmitry_kolotilshikov 8 месяцев назад
Можно поизвращаться и сделать в position absolute
@user-gu3vl9qr6r
@user-gu3vl9qr6r 3 месяца назад
Не хватает перевода тегов для большего понимания, типо main- основной, header - переводится как заголовок и т.д. Фразу "Тег говорит сам за себя" стоило бы сменить на описание того, что тег обозначает🙂 Сложно для восприятия, 2 раза послушал, едем дальше
@user-chf7z61vnd6h8v
@user-chf7z61vnd6h8v 5 месяцев назад
Кто хочет познать семантику, идите к Мурычу, а тут ничего общего с семантикой, все переливают одну и ту же инфу, не имеющую отношения к семантике html5
@tackesi
@tackesi 4 месяца назад
Семантика чаще всего вам не нужна. Редко, когда вы будите делать сео. Если же вы вписались в это дело, то посмотрите стрим с Мурычем про семантику. Просто нужно понимать с какими целями мы оборачиваем в эти теги. Если перед нами сео задачи не стоят, то это мартышкин труд. Самое главное, не делай этого для галочки. Нужна доступность? Иди гуглить доступность. Нужен сео? Ответ тот же. Семантику тут именно как инструмент самого сео, а не какой-то хороший тон или обязательный элемент.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 4 месяца назад
Здесь несколько факторов дл использования таких тегов - accessibility (доступность), чтение кода гораздо легче, чем читать одни дивы, использование тегов по их прямому назначению, но и конечно же для seo Поэтому лучше сразу приучать себя писать с таким подходом👌
@tackesi
@tackesi 4 месяца назад
@@dmitry_kolotilshikov если ты пишешь неиндексуриемые интерфейсы с изолированными CSS в этом нет смысла. С нормальными неймингов классов читаемость тоже вполне себе, а учитывая, что вложенность меньше, мне даже больше нравится. Семантика штука опциональная. Либо ее делать хорошо и осознанно, либо не делать 🤣 Поисковики давно умеют понимать что является меню, в что хедором. А вот разметить табличку - это тема. Или те же товары, описать их свойства и вложенность одного в другой. Ну ладно. Опять можно в срач скатиться, где каждый будет защищать свою точку зрения. Я если что не критикую курс, я просто наткнулся на ведюшку по поиску.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 4 месяца назад
@@tackesi да)
Далее
МЯСНОЙ ЦЕХ - Страшилки Minecraft
37:24
HTML section elements are a lie (sort of)
7:59
Просмотров 135 тыс.