5. Форматирование текста в HTML - теги b, strong, i и em, s, u, sub и sup, small, mark, br, hr, code

[@artnr7]

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

[@Default-ft3br]

Редко пишу комментарии. Мужик, спасибо тебе огромное. Просто всё чётко и по делу, без лишней воды. Очень редко удаётся посмотреть до такой степени хорошие курсы. Обычно всё нудно и много лишней воды, приходиться перематывать смотреть в x2. А тут наоборот, смотреть нужно в x1, ещё и отмотать назад иногда, потому что пропустил что-то важное. Ещё раз от всего сердца, огромное тебе спасибо.

[@Ivanfwit]

как много тегов для выделения помимо b, i, strong и em 👍

[@Mishuuutka]

Крутой формат подачи материала 👍 Очень полезно, а то многие лепят текст просто в дивы

[@MarselNz]

За разницу b, strong и i, em отдельное спасибо!

[@darlindtryhgbvgft]

Ого! Даже не думала, что как-то можно предотвратить принудительное стирание пробелов!

[@РоманВолков-д9щ]

Очень круто ! не знал про тег , Надо бы шпаргалку сделать

[@-notfound-]

Как я долго голову ломал, а оказывается есть просто тег

[@pride444]

Без воды , все понятно , чтобы понимать еще лучше - записываете в заметки , потом повторяйте.

[@masseriia]

👍👍👍

[@christophercave5203]

Невероятный эмбиент, ну не могу не спросить хотя бы автора.

[@AleksanderLamkov]

Привет! Я с сайта uppbeat.io/browse/music/ambient-beats брал музыку, но авторов уже не помню.

[@slamedesign]

Афигеть!! Спасибо, за 4 года ни разу не сталкивался с strong, em, mark и pre. Куда кидать деньги за такой контен!?!😅😅

[@alexb.2616]

Как часто сайтостроители думают про скринридеры и заморачиваются и ?

[@AleksanderLamkov]

Самостоятельно - редко, к сожалению. Вообще, внедрение таких фич практически полностью зависит от бизнеса. Если продукт должен охватывать как можно бОльшую аудиторию и где борьба за внимание идёт за каждый % пользователей, в т. ч. с особенностями визуального восприятия (пользователи скринридеров), то бизнес ставит условие "веб-сайт должен иметь покрытие a11y по таким-то критериям". В таком случае в ТЗ каждая контентная строчка будет иметь описание и эти самые strong / em акценты.

[@STUPAkns]

жму руку !

[@svitboomer8840]

Ты просто топ!🤯

[@sleepyNovember_project]

Надеюсь тебе лицуху WebStorm бесплатно и навсегда дали за эти курсы, ведь курсы реально заслуживают этого, имба

[@optimusprime9866]

супер!!!

[@ukraine1514]

Спасибо

[@НадеждаЯловенко-ъ8ы]

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

[@AleksanderLamkov]

По верстке - надо брать любой макет из интернета и пробовать реализовывать, начиная от мелких компонентов и постепенно усложняя себе задачи. Рано или поздно получится сверстать сайт целиком.

[@ЕвгенийУсачев-р5ж]

Наверно надо отметить, что как правило вся стилизация делается через css а не теги )

[@AleksanderLamkov]

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

[@rumancevtihon]

Привет, рассказал про тэг , а как же тэг ?🤔

[@AleksanderLamkov]

Привет! Тег big устарел и не рекомендуется к использованию.

[@GekaLeonov]

Подскажите пожалуйста: ни тег , ни тег ни работают с HTML кодом внутри какой тег использовать, чтобы html код отображался также, как написан? Спасибо

[@AleksanderLamkov]

Нужно экранировать символы < и >, чтобы они корректно обрабатывались: можно их заменить их на &lt; и &gt; Вот тут подробнее: bootstraptema.ru/index/ekranirovanie_html_tegov_onlayn/0-31

[@optimusprime9866]

а как практиковаться? где искать задания?

[@AleksanderLamkov]

На любом макете Figma.

[@optimusprime9866]

@AleksanderLamkov благодарю

[@dicer250]

т.е. с тегом pre я смогу таки запостить трифорс?

[@AleksanderLamkov]

Ага

[@ДенисБерезюк-ч3ш]

А если нужно жирный текст в жирности 600, а strong делает или b в 700, то можно спокойно применить стили к strong и сделать font-weight в 600 или 500, как угодно ?

[@AleksanderLamkov]

Привет! Да, можно, почему нет.

[@ДенисБерезюк-ч3ш]

@@AleksanderLamkov А с тобой можно поработать? Я уже более года в web разработке, я сейчас решил чуть обновить теорию, то всегда учился на практике, я full-stack программист, для меня была бы честь с тобой поработать, то ты первый блогер который искренне хочет научить людей

[@ДенисБерезюк-ч3ш]

@@AleksanderLamkov А если на сайте заголовок h1 и нем некоторые слова под другим цветом, то это стоит сделать strong и сделать к нему color в css, верно ? чтоб по семантике было все супер

[@AleksanderLamkov]

Спасибо за такую обратную связь, но что ты подразумеваешь под "поработать"? Если ты про менторство, то я давно этим занимаюсь, вот тут всё описано: getmentor.dev/mentor/aleksandr-lamkov-1480 Ну а вообще, напомню, у нас есть чат-сообщество в телеграмме, где я и другие ребята помогут с почти любой проблемой по фронтенду: t.me/friendlyFrontendChat Присоединяйся, если ещё не там :)

[@AleksanderLamkov]

Про заголовок h1 и strong. Да, стоит сделать так, как ты описал, это будет семантично. Но если выделены не слова, а лишь часть слов, то есть несколько букв, то strong лучше заменить на нейтральный span, т. к. придать смысловую окраску лишь нескольким буквам strong вряд ли адекватно сможет, да и нет в этом смысла.

[@SergKoster]

А зачем ты пишешь в одиночных тегах не просто , например, а ?

[@AleksanderLamkov]

Привычка. Я в основном пишу на React и в его JSX-синтаксисе одиночные теги важно «закрывать», иначе будет ошибка. Да и знаешь, когда много строк с атрибутами у одного элемента, то когда есть закрывающая часть одиночного тега, вся разметка в целом читается проще. Сразу понятно, где «заканчивается» элемент в разметке и где начинается следующий.

[@patupin]

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

[@AleksanderLamkov]

С 15 видео этого курса музыки уже нет. И во всех последующих видео на канале тоже. Сразу понял, что так себе была идея 🙃

[@Ксюша-з4и]

@@AleksanderLamkov а мне нравится такая музыка на фоне, очень успокаивает и приятно под нее воспринимать информацию

[@АнтонТерешков-э7ф]

@@AleksanderLamkov Брал курс по 3д майя, там у чела громкий фон стоял, считаю лучше без фоновой музыки, сам ставишь свою и можешь по громкости скорректировать:)

[@STUPAkns]

мне по кайфу она