Бесплатный курс по HTML & CSS от меня - bit.ly/3LNnOnt

sub и sup существуют уже "сто лет". За остальное благодарю, есть полезные моменты.

Спасибо Владилен за контент и что остаешься с нами с тех контентом🎉❤

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

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

Спасибо за курс. И что не бросаешь своих!

Очень полезное видео! Все как обычно понятно и наглядно. Поставил бы и несколько лайков))

Спасибо, слышал про dialog, но вот details оказался по-настоящему полезной находкой)

Спасибо за обзор новых тегов! но figure и picture наверное уже давно известные теги если не ошибаюсь, figure используется в качестве изображения иллюстрации того, о чём повествуется в данном части/раздела сайта picture мега крутой и уже на сегодня незаменимый тег, который используется в качестве библиотеки из которой в img вставляется то изображение которое прописано в аргументах source в зависимости от ширины девайса и плотности пикселей (для retina). А зачем это нужно? изображение может кропаться не очень удачно, в процессе адаптации под ширину устройства, поэтому целесообразнее заранее кропнуть, и вставить его на другом разрешении

dialog также можно открыть в качестве диалогового окна при помощи метода show(), но в этом случае остаётся возможность взаимодействия с остальным контентом на странице, в отличие от showModal() (модальное окно)

Спасибо за видео!

Владилен, большое спасибо за твой труд. Очень познавательно.

Спасибо за видео! Было полезно!;)

Только figure в связке с figcaption юзал. Про остальные впервые слышу. Спасибо за информацию!

Очень качественный и доступный формат

инфа зачёт, спасибо 👍

Спасибо, вовремя)

Когда-то во времена IE 5 был тег - его сейчас вообще никто не помнит.

прям очень круто) спасибо

Огонь, полезненько)

Спасибо за видео))

Поддержка тегов по caniuse: datalist 97% sub, sup 51% details 97% summary 80% Dialog 92% (к сожалению сафари только с 15 версии поддерживает) figure 95% picture 97%

То чувство - когда ты ещё не разработчик, но уже знаешь про эти теги )) Кроме dialog

Отличный материал ;)

Супер 👍 спасибо большое

Благодарю 🙏🏻

Хорошо,когда выходит видео по теме,в которой ты разбираешься)

Спасибо, но знал до видео.

Ого, Владилен правильно склоняет числительные!

Спасибо за видос.

Было полезненько!

Оххх, диалог, это нужная и тука

Отличное видео!

Спасибо! Мне как начинающей было очень полезно.

Спасибо!

Спасибо, полезно

лайк за это от программиста и верстальщика-легенды СЕООНЛИ

Отличный урок узнала для себя что то новенькое

За DataList спасибо)

Где ты читаешь новости про новое в html?

Добавлю что для адаптивных изображений srcset лучше использовать просто на теге img. А тег picture можно использовать для кропа изображений.

БОМБА !!!

Помимо формул, sup для сносок еще часто используют.

Подскажите плиз как сгенерировать текст Lorem Ipsum в VS Code

А старый, добрый select и option для dropdown в формах уже нельзя использовать?

больше про оптимизацию!

Огонь!!! Спасибо огромное!

Подскажите как создать кастомную стрелку в details и чтобы она разворачивалась как нативная

Видео топ!

Класс! Можно такие видео каждую неделю (вроде дайджестов).

Когда будет полний курс html css Js но новий?

Спасибо.

ест или нет недостатки на теги Диалог модалный? когда не могу исползоват ?

Круто только звук в липсинг не очень попадает)

обожаю ваши ролики

Summary detail знаю уже с год. Как делать чтоб экран не съезжал при раскрытии нескольких саммарей?

datalist давно использую

Теги то старые но все равно спасибо

picture - это часом не тот тэг для загрузки картинок разных форматов? Адаптивка поддерживается и обычным img.. подгрузка наверняка может так же работать на свежих версиях html....

Полезное видео.

details не сильно новый - я его лет 8 назад использовал, впрочем, про него действительно мало людей знает. А вот что кто-то не знает про sub/sup, которые среди древнейших тегов, я очень удивлён.

Спасибо, но слух режет пятиста, девятиста, например на 10:31. Ведь интуитивно понятно же, что пятиСОТ, девятиСОТ!

dialog - вещь конечно, жаль в прод нельзя

А как реализовать закрытие модалки нажатием на пустое место вне окна?

они не отображаются на emmet. Это нормально?

А это встроенные методы в этих тегах или как?

👍

спасибо за видео и за канал! все полезно и доступным языком

Что за стрелка ?

Сегодня не 1 апреля же, особенно на счет sub/sup, picture да и остальных тоже чуть в меньшей степени. Dialog наконец-то стал поддерживаться и FF только этой весной, что очень хорошо, теперь можно начинать юзать, - модалки теперь делать легче :)

Очень Круто, спасибо)

Прикольно

Неужели на HTML можно теперь нейронную сеть запрограммировать? Не ожидал.

А раньше ж вроде был аналог sub/sup? или я что путаю?

Как такой няшно мигающий курсор в редакторе сделать?)))

Хмм у "Как пройти в IT?" было такое же видео...

Какие же они новые? Они уже давно используются! Несколько лет точно

Кайф. Спасибо

Почему html понимает что мы написали без тэга?

все они уже давние и известные. но вот сурс использовать как-то не довелось.

Новыми их конечно не назвать, редкими да.

А как закрыть модалку по нажатию на бэкдроп?

8 тегов о которых невозможно молчать...

не нужно это использовать старые браузеры это не переварят )

Божественно!!!

Да если посмотреть ролики по вёрстке на Ютубе , то там кроме дива вообще никаких тегов не знают )))

sub/sup настолько новые, что были в html 3 figure/picture с 2011 года НОВЫЕ тэги!!11 без регистрации и смс datalist, details, summary сырые и не кастомизируются - нужны бекендерам в редких случаях. dialog странно себя ведет в некоторых ситуациях и не слушается стилей - тоже идет лесом. Макеев может хоть усраться, но пока вся эта свистопляска с тегами на практике не оправдана

Good

Ну не знаю! Sub и sup я давным давно знал. Да и picture не новый.

как буд-то моды на html скачал

thanks :)

Владилен! Вы нереально крутой преподаватель! Поставлена речь. Приятный тембр. Информация без воды с хорошим объяснением! Цены таким людям нет! Спасибо Вам огромное, что такой труд и знания подаете в таком формате и бесплатно! Ценим!

Для общего развития вполне нормально.

вау

Знаю

Круто

+

Picture - новый тег?))

Проблема этого видео в том, что оно демонстрирует как люди, которые ничего не понимают в HTML5 натягивают сову на глобус. HTML5 теги не про внешний вид или оформление. Это теги про семантику. То есть у них есть правила их применения, которые связаны не с визуальной составляющей, а прежде всего с тем контентом который они презентуют. Первое правило семантической верстки - если Вы не понимаете зачем этот тег нужен, то не используйте его. Пользуйтесь как привыкли семнатически нейтральными тегами div и span. Судите сами: *datalist* Задача тега сформировать набор *рекомендуемых* значений контента для поля формы. Это не подсказки - это рекомендации. *sub и sup* Эти два тега применяются ТОЛЬКО для контента который имеет особенное значение, смысл которого определяется именно внешним видом самого контента. Иначе говоря, цифра степени - должна обозначаться как sup потому, что смысл контента "степень" становиться понятным только когда у него есть характерное ему отображения. Иными словами, тегами sub и sup нельзя оборачивать все что нам хочется. Но только то, чей смысл прямо зависит от того, как этот контент отображен. *details, summary и dialog* Должны применяться только к интерактивному контенту. То есть контенту, которые предназначен для взаимодействия с пользователем. *figure* Представляет контент, значение которого для контента текущей секции принципиально не важно. Может быть связанным с ним, но не имеющим решающего значения. Изьятие такого контента из места его презентации не должно приводить к тому, что смысл материала будет искажен. Иными словами - это не любое изображение, но только то, значение которого для рассамтриваемого контента не имеет принципиального значения. Типичным примером может являться например диаграмма которая приводится для наглядности какой либо статистики. Развалиться ли страница если мы уберем диаграмму? Нет. Она просто визуализирует. figure может содержать любой тип контента: изображения текст видео - что угодно. Глубоким заблуждением является то, что figure это тег предназначенный для оформления изображений. *picture* Действительно создавался как удобная обертка для формирования сета ресурсов под разные условиях. Однако, элемент сейчас практически не используется по причине того, что все задачи, которые решает picture можно решать без его участия и при этом потреблять значительно меньше ресурсов. При минимальной верстке с тегом picture мы расходуем три узла на каждый элемент. Дальше стоит вспомнить, что каждый DOM узел стоит *очень дорого* с точки зрения потребления ресурсов. Например, текущий "неписанный" стандарт количества узлов на страницу равен 1500. Представте себе страницу какого нибудь магазина, где идет листинг товаров. И дальше посчитайте - вместо одного узла на каждое изображение Вы будете тратить МИНИМУМ три. И вспомните про ограничение в 1500 узлов. *Игого* Печально что Владилен сохранил практику публикации материалов, информация которых либо не проверена, либо откровенно ложная. Тем более когда такие материалы выдаются за обучающие.

Новые теги? Вы серьёзно?))