Семантические теги в HTML | HTML для самых маленьких #7
Продолжаем плейлист с разбором всех особенностей Языка HTML. В это видео мы разберемся с семантическими тегами в HTML. Не забудьте поставить лайк и пишите свои вопросы в комментарии.
Ссылка на полный плейлист:
• HTML для самых маленьких
Справочник по html (на русском):
webref.ru/html
Справочник по HTML (на английском)
htmlreference.io
Как настроить редактор кода Sublime Text 3:
• Новый Sublime Text 3 +...
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Получить нужные материалы для любого веб-разработчика - taplink.cc/glo_web_academy
Получить консультацию куратора - bit.ly/2Ym5SqS
Мой блог: islamov_blog
Больше контента в нашей группе Вконтакте
glo_academy
Присоединяйтесь к нашему сообществу Discord
/ discord
Мой канал в telegram "Лысый из браузера"
tele.click/baldfrombrowser
Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
vk.me/glo_academy
Чтобы заказать рекламу на канале, пишите в личку вконтакте: vk.me/aislam23 или telegram t.me/aislam23
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma2html
ttttt.me/figma_start
ttttt.me/figmatamplates
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codepen_js
ttttt.me/css_features
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkforwork
Пікірлер: 40
Хороший ролик, но стоило упомянуть о том, зачем вообще нужны семантические теги, поскольку совершенно не каждому это очевидно. Если кто смотрит спустя время, то если ОЧЕНЬ кратко, семантические теги помогают с seo оптимизацией: то есть выводят страницу на первые поисковые страницы в сравнении с сайтами, на которых всё дивами прописано. Естественно, факторов множество, а потому рассматривается идеальная ситуация, где во всём остальном сайты не отличаются
@jesusblasex4335
2 жыл бұрын
Cпасибо, полезная информация !)
@computercomputer3293
Жыл бұрын
А пгчему они способствуют сео? А именно потому что сейчас пошел тренд на доступность и с этими тегами в ПЕРВУЮ ОЧЕРЕДЬ должны работать скринридеры, которые используют слепые люди, но, как бы это печально не было, без спецификации WAI-ARIA они работают плохо, смысл их применения равен почти нулю
Очень интересно подано, много новых для меня интересных мелочей. Пока жду эфир, смотрю уроки=)
Thank you ❤❤❤❤, you helped me a lot ❤
Thanks) Артем ты мощный!)
Спасибо. Очень доступно
Спасибо, помогло лучше разобраться в этой теме)
Спасибо большое!🔥👍
Молодец! 👍
спасибо ))здорово!
Я ломал голову над всем этим, а вы мисье всё мне обьяснили-пояснили, респектосы и желаю вам лайкосы( ͡~ ͜ʖ ͡°) но и лайк свой не забуду, потому что Я **вставте рифму сюда**
@kksss53
4 жыл бұрын
Зануда
спасибо
Тэг aside совсем как деепричастный или причастный обороты в предложениях, то есть от изключения их из предложения, смысл не теряется, например: Маша гуляла по парку, рассматривая деревья. Рассматривая деревья - деепричастный оборот(Что делая? Действие происходит паралельно), если его выкинуть получится: Маша гуляла по парку. Главная мысль не потерялась. Артем, можешь использовать это как сравнение при объяснение студентам. Особенно легко это поймут школьники, так как это тема 7-ых, 8-ых классов. Если конечно они учились. :)
Классные уроки
а когда плейлист CSS
@Glo_Academy
6 жыл бұрын
Со следующей недели
@user-rj6ro3mp1p
6 жыл бұрын
любопытство - один из важных шагов к саморазвитию, главное что бы опыт был положительным))
@ottowebscripto
6 жыл бұрын
А мы всё ждём... =)
наверное тоже семантический
как установить авто подбор языка? заранее спасибо за ответ!
хочется самостоятельно научиться прогрсммированию. но это так сложно.
@NeizBest
4 жыл бұрын
Сложно с нахрапа чему-то научиться) Если делать это постепенно и не сдаваясь - откроются все дороги.
Лайк поставил, но при углубленном изучении этих тегов оказывается, что они НЕ ДЛЯ ТОГО, чтобы убрать лишнии дивы, а для того, чтобы с веб страницей могли работать скринридеры, которые используют слепые люди! И без спецификации WAI-ARIA они почти полностью теряют свой смысл, их использование фактически становится бесполезным.
а как их в css редактировать
@user-po5yb2wv5f
6 жыл бұрын
Хотел написать что-нибудь лаконично-циничное и с подъебом, но стало лень... Даешь класс и описываешь так же как див. Или описываешь поведение всего блока footer{bgc:red}
@Glo_Academy
6 жыл бұрын
Спасибо что поленился и просто ответил. Просто спасибо)
Кто подскажет, в чем семантическая разница между тегами и ?
@Glo_Academy
5 жыл бұрын
Тег p предназначен для отдельного абзаца текста. Абзац - это несколько предложений, объединённые по смыслу. Обычно это 3-5 предложений. А тег span применяют для стилизации одного или нескольких слов в тексте.
Figure это не фиджэ)
@Filatok
28 күн бұрын
Фигьюр😂
Всем Привет Помогите пажалуйста понят , что вообще значить Семантика Html и css ?? Получается это структура сайта да или что ?? Еще вопрос Что такое Синтаксис Css и Html ?? Синтаксис - это получается составление да или как ?? Объясните мне пажалуйста добрые люди.
Я так понял что эти команды вообще не обязательные?
@chevoyka
4 жыл бұрын
Артём Лайко это современный стандарт. Яндекс говорит что такие сайты он любит больше. Если для себя что-то делаешь то можешь не заморачиватся но знать надо особенно если предлагаешь свои услуги на рынке
этот урок не очень - смысл всех этих типов так и не ясен до конца
@zhikestudio1877
4 жыл бұрын
Ты походу перематывал всё видео , так и не поняв один тип
@NeizBest
4 жыл бұрын
Вот так вот, кто-то пересматривает видео, чтобы до конца понять (и записать) массу информации из этого видео, а кто-то говорит, что урок "не очень".
@computercomputer3293
Жыл бұрын
Эти теги сделаны для скринридеров, которые используют слепые люди, в этом было их предназначение. Печаль и боль в том, что без спецификации WAI-ARIA их кпд равен почти нулю