HTML5 #3 Валидация, семантика и доступность (Validation, Semantic, Accessibility)

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 80

  • @SamaniaQueen
    @SamaniaQueen 11 месяцев назад +1

    Присоединяюсь к комментариям. До того как попала на этот канал, было просмотрено много роликов, много каналов, и в основном информация как по учебнику, расплывчатая и не информативная. Уже на 5 минуте устаю смотреть. Успела написать тетрадь, но толку ноль.
    И наконец-то, вот оно, золото. То что так не хватало, информация, четко, понятно, коротко, без лишней болтовни.
    Спасибо автору. Завтра снова сяду за занятия, приведу в порядок записи, попробую на практике.
    А то уже 2 недели прошло, а эффекта ноль от других блогеров, у которых один ролик занимает минут 20-30, а есть и по часу-два.

    • @YauhenKavalchuk
      @YauhenKavalchuk  11 месяцев назад

      Спасибо большое за отзыв

  • @atfoster14
    @atfoster14 5 лет назад +42

    Я в шоке. Очень много контента посмотрел по верстке, но теперь понимаю, что Ваш вектор изучения самый верный. Именно на данном уроке и предыдущем. Смотришь порой уроки от других блогеров-верстальщиков, так там тупо по верстке и все на div... Теперь иной взгляд на изучение. Спасибо Вам за труд!

    • @ИгорьАршулик-э6с
      @ИгорьАршулик-э6с 4 года назад

      Согласен. Вполне четкое объяснение структуры документа, метатегов и прочего чего я на других курсах даже спустя 10+ уроков (не очень информативных) так и не увидел и не услышал.

    • @alyamelvito9243
      @alyamelvito9243 Год назад

      солидарен, я новичок, прям только-только начал обучаться, на стороне слышал о семантике и было небольшое представление об этом. Но когда смотрел другие уроки, худо-бедно понял, что семантику никто в учёт практически не берёт.
      А из-за моей мелочности, хочу сразу получать полезные привычки при написания кода, соблюдение семантики одна из привычек на пути.
      Спасибо за видео :)

  • @Nikitosss91
    @Nikitosss91 5 лет назад +7

    Спасибо за контент, очень хочется чтобы данный курс выходил как можно чаще

  • @ruinxr9
    @ruinxr9 11 месяцев назад

    Благодарю за урок

  • @vasiuta
    @vasiuta 2 года назад +3

    Спасибо за информацию. Обожаю твои видео за структурированность и постепенную подачу материала. Смотрел много курсов, потом задним числом уже начинаешь понимать, что информацию про инлайн и блочные элементы нужно давать сразу, иначе самое важное ускользает. У тебя она сразу. Большое спасибо.

  • @bitt1592
    @bitt1592 3 года назад +1

    Спасибо! До этого верстал только на дивах и спанах и абсолютно не понимал значение тегов типа aside, nav, header, footer. Теперь понимаю что учился не так как надо было. Спасибо за ваши уроки

  • @tsunami8892
    @tsunami8892 5 лет назад +3

    Спасибо за видео! Часто лень верстать из-за игр, но такие видео повышают мотивацию!

  • @Andrii.W
    @Andrii.W 2 года назад

    'Это бомба, спасибо дорогой! наконец-то я увидел-услышал что и для чего, и зачем!

  • @Online-Goldmine
    @Online-Goldmine 4 года назад +1

    00:30 Просто с точку, аж отлегло) пускай еще нужно будет учить какой тег к чему, но хоть появилось понимание в этих терминах!!! Огромное спасибо!

  • @Valeriy-Sorochynskyi
    @Valeriy-Sorochynskyi 5 лет назад +7

    То что надо!

  • @vladimirstaritski5622
    @vladimirstaritski5622 3 года назад +1

    Отличный видос! Полезный, интересный. Автор хороший человек👍🙏

  • @ТатьянаГулиева-я3з

    Спасибо Вам огромное, подача информации на высшем уровне.

  • @progerlife6690
    @progerlife6690 3 года назад

    Cамый полезный канал о веб-разработке!По поводу семантики 1000% прав. Лайк и подписка на канал!

  • @olehyefimenko6693
    @olehyefimenko6693 2 года назад

    Спасибо за курс и проделанную тобой работу! Ну а с моей стороны - лайк, подписка, комментарий!

  • @АНДРІЙГРИГОРЄВ-ф5г
    @АНДРІЙГРИГОРЄВ-ф5г 4 года назад

    Бум стараться придерживаться. спасибо!

  • @itbloom9322
    @itbloom9322 3 года назад

    Всё чётко и по полочкам, спасибо!

  • @juh19855
    @juh19855 5 лет назад

    хороший и подробный контент!

  • @sherzodhayotov7245
    @sherzodhayotov7245 2 года назад

    спасибо вам все было очень понятно

  • @mydoghasschizophrenia
    @mydoghasschizophrenia 3 года назад +2

    Повезло новичкам, которые нашли это видео) определённо правильное направление обучения)

  • @EnglishPapaSchool
    @EnglishPapaSchool 3 года назад

    Очень круто. Спасибо!

  • @yuriiyablonskyi6626
    @yuriiyablonskyi6626 5 лет назад

    Ооочень полезное видео
    Спасибо👍👍👍

  • @TheProfessionalGambler
    @TheProfessionalGambler 5 лет назад +3

    HTML спеки передали на сопровождение и разработку в WhatWg около года назад. Сейчас там идет разработка.
    Разделение на блочные и строчные теги - это скорее к HTML4 или даже отображение тегов (CSS).
    В HTML5 все теги разделяются на другие группы по видам контента (содержания):
    html.spec.whatwg.org/multipage/dom.html#kinds-of-content
    Это тяжелее для новичков, но если упоминать за валидацию, семантику и доступность, то нужно и об этом сказать.

  • @Viktorres1
    @Viktorres1 3 года назад

    Спасибо! Теперь я понимаю что такое accessibility)

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Пожалуйста, рад что помогло

  • @ДиасАхмедияров
    @ДиасАхмедияров 2 года назад

    👍👍👍👍👍👍

  • @Rafael_Santi
    @Rafael_Santi 4 года назад +3

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

  • @snamiteplo
    @snamiteplo 5 лет назад

    Bomba!!! 🥳

  • @dmitrijponkin
    @dmitrijponkin 5 лет назад

    Спасибо!!!

  • @swag4297
    @swag4297 4 года назад

    Коммент для продвижения

  • @ДмитрийВ-т2ц
    @ДмитрийВ-т2ц 4 года назад

    Спасибо, учу и конспектирую с удовольствием.
    зы: Кажется не нашел комментария о том, что не сказано о правилах вложенности блочных и строчных элементов. Что-то из этих элементов нельзя влаживать друг в друга, сейчас не помню что именно.

    • @YauhenKavalchuk
      @YauhenKavalchuk  4 года назад +1

      Блочные нельзя вкладывать в строчные

  • @kinetidragon4216
    @kinetidragon4216 3 года назад

    Есть какие-нибудь толковые статьи по вложенности блоков? Что надо обертывать в контейнер блока, а какой оставить как есть

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Такого нет. Понимание приходит с практикой

  • @smilecat9937
    @smilecat9937 2 года назад +1

    Здравствуйте Женя а можно подкинуть вам идейку для видео. Не могли бы вы снять верстку сайтов Заранее спасибо🙂

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 года назад

      Уже думал об этом, неоднократно)

  • @СергійДзюбленко
    @СергійДзюбленко 3 года назад

    Так и не понял какой тип имеют семантиченые теги, блочный или строчный? А возможно они универсальны и могут принимать любой тип?

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Семантичные тэги могут быть как блочными, так и строчными

  • @nikitaundefined8549
    @nikitaundefined8549 5 лет назад +1

    Здравствуй, не мог бы ты снять видео про socket.io?)

  • @beriktuyakov2268
    @beriktuyakov2268 4 года назад

    Пока что я чайник и хотел узнать а есть ли какие нибудь книги или информация полезная к прочтению .
    Ибо от части понимаю а от части не все

  • @СложныйПараноик
    @СложныйПараноик 4 года назад

    Подскажите пожалуйста литературу для начинающих по frontend

  • @alexsv9310
    @alexsv9310 3 года назад

    Я новичок в теме. В одном ролике КиберДеда (Масалович) услышал про валидацию HTMl. Но ведь, к сожалению, большинство сайтов инета при валидации выдает кучу ошибок.

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад +1

      Поэтому я и озвучил, что валидация - это хорошо, но к реальным проектам не всегда применима. Но если верстаете лендинг, или что-то для портфолио, то вёрстка должна быть валидна

  • @GAccountMe
    @GAccountMe 5 лет назад +1

    header и footer это не header и footer сайта напрямую они могут быть частью других блоков-секций, в документе их может быть больше чем один, это кстати, часто путает и их используют именно как хедер и футер документа и я тоже так делаю если честно, но на сколько это правильно, прямого ответа я так и не нашел=)

    • @YauhenKavalchuk
      @YauhenKavalchuk  5 лет назад +1

      А я и не сказал что они служат ТОЛЬКО для глобальной разметки страницы. Их так же, можно спокойно использовать и внутри тэга article. Если, например, статья имеет сложную структуру заголовков, или подвал

    • @GAccountMe
      @GAccountMe 5 лет назад

      @@YauhenKavalchuk Я к тому, на сколько верно, что они могут быть именно футером и хедером документа в целом? Я встречал информацию, что это некорректно, что это хедер или футер именно сложной секции

    • @YauhenKavalchuk
      @YauhenKavalchuk  5 лет назад +2

      Плохой источник. Эти тэги специально для зонирование и придумали

  • @ThePatosha
    @ThePatosha 4 года назад

    Так вот к вопросу удобно всем. С планшета плохо виден код. Сделайте шрифт побольше.

  • @chkpg4317
    @chkpg4317 5 лет назад

    И не делать outline: none; ?

    • @some_name
      @some_name 5 лет назад

      Vadim Marchenko нет

    • @YauhenKavalchuk
      @YauhenKavalchuk  5 лет назад

      Нет

    • @MainLoner
      @MainLoner 4 года назад

      @@YauhenKavalchuk Даже если дизайнер продумал стили для сфокусированного состояния и они отличаются то стандартного outline?

  • @LLuKKen
    @LLuKKen Год назад

    Боюсь представить что будет в html 7...

  • @iGotton
    @iGotton 5 лет назад

    +

  • @some_name
    @some_name 5 лет назад

    Вся семантика теряет смысл, когда всё обёрнуто в реакт компоненты. Единственная причина - accessibility и поисковики.

    • @YauhenKavalchuk
      @YauhenKavalchuk  5 лет назад +1

      Компоненты тоже можно делать семантичными

  • @dsalodki
    @dsalodki 5 лет назад

    не открыли америку, я знал, но не всегда и сам применяю

  • @Xrustalleff
    @Xrustalleff Год назад

    В реале все верстается дивами, а размечается бутсрапом

  • @bohdanmarchenko
    @bohdanmarchenko 3 года назад

    Спасибо!