Почему текст на IOS "Yandex Browser" отображается некорректно?

Я бы сначала убедилась, что это во всех браузерах.
Потом убрала бы font-variant: all-petite-caps; и посмотрела что будет.
А потом пошла бы искать шрифт в нормальном виде.

Как сделать скролл на 100vh, вне зависимости от высоты контента?

Miron4ek_228,

приложил скрин

Задайте блоку высоту 100vh и постоянно показывающийся scroll.

Почему текст на IOS "Yandex Browser" отображается некорректно?

Денис Соколов, ну раз вы сами знаете, что и где фиксить, то ок ;)

Почему текст на IOS "Yandex Browser" отображается некорректно?

Денис Соколов, так узнайте

Как сделать внутреннюю ссылку в HTML правильно?

ekaterina3785,

А казалось, что в р. можно запихнуть вообще всё

Очень мало, только фразовый контент.

Почитайте про категории контента и тут.

А в спецификации смотрите какая контентная модель у тега и какая модель должна быть у тех, которые можно вкладывать
https://html.spec.whatwg.org/multipage/grouping-co...

Онлайн сервис для проверки кого в кого можно https://caninclude.glitch.me/

Как сделать внутреннюю ссылку в HTML правильно?

ekaterina3785, Екатерина, и htmlbook и его преемник webref тоже устарели.
Это были когда-то сильно любимые ресурсы, но сейчас ими можно пользоваться только как лайт-справочником. Лайт - потому что там нет уже заметного количества новых тегов, свойств и атрибутов.

Актуально на MDN https://developer.mozilla.org/ru/

Попробуйте пройти интерактивные тренажеры на HTML Academy https://htmlacademy.ru/
Там есть бесплатная и платная части. Но платные интерактивы стоят недорого.

Почему текст на IOS "Yandex Browser" отображается некорректно?

А в остальных браузерах нормально чтоль?

Как сделать внутреннюю ссылку в HTML правильно?

ekaterina3785,

Это VSCode!

Видимо, ретро-тема.

В коде, к слову сказать, присутствуют ещё 2 заведомо устаревших тега - cellpadding и cellspasing

Это не теги, а атрибуты.

Он по идее подсвечивает ошибки, но ошибок там нет!

Да?
Тег font устарел тоже давно.
Table нельзя вставлять в table.
Table нельзя вставлять в p.
Неверно поставлены кавычки.
И т.д.
Валидатор напишет вам их все.

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

Как сделать скролл на 100vh, вне зависимости от высоты контента?

Вы можете нарисовать, какого эффекта хотите достичь?

Как сделать внутреннюю ссылку в HTML правильно?

Сергей, вопрос у спрашивающего, похоже, тоже из тех времен.

Как сделать текст с задний фоновым текстом?

Возьмите такой шрифт или используйте text-stroke

Как убрать шакализацию шрифта в браузере?

1. Шрифты рендерятся по-разному разными системами. Это нужно понимать.
2. Сам шрифт должен быть нормальным (бывают кривые вариации).
3. Шрифт должен быть правильно подключен, в правильных форматах и правильном порядке. Для современных браузеров это woff2, для предыдущего поколения woff. Всё остальное барахло подключать не нужно.

Как реализовать? Бутстрап?

Читайте Раз­би­ра­ем­ся с vertical-align
Либо через флекс для chert.

И нужно понимать, зачем у вас заданы padding-bottom: 60px; и margin-bottom: 30px;.
Похоже на написание кода методом тыка.

P.s. эти иконки это не контентные изображения. Они вставляются через CSS, фоном и/или псевдоэлементом.
В крайнем случае им задают aria-hidden="true".

Как сделать внутреннюю ссылку в HTML правильно?

Якоря через name устарели очень-очень давно, зачем вы их советуете?

Как лучше вставить картинку - background или через img?

Картинки бывают смысловые (контентные) и украшения.

- Эта картинка несет какой-то смысл?
- Нет.

Значит, это либо фон либо img с aria-hidden true, чтобы читалки не стали пытаться рассказывать о ней.

Лично я не люблю лишние элементы в разметке и предпочитаю первый вариант.

Если приводится аргумент, что "ай, бэк не может менять стили".
Ага.
Но зато бэк может менять кастомные свойства родительского блока.
А если и это не умеет... надо научить.

Как прижать блоки к краям?

Оставлю это тут, на случай, если вам всё таки не нужны лишние отступы по 7.5 по краям и про отступ в 200 между блоками тоже не просто так написано.
.......................................................

nav - это основная навигация по странице. Теоретически может использоваться несколько раз, но если они там всё равно рядом, то лучше объединить.

И так мы избавимся от двух лишних оберток.

Будет лучше (за редкими исключениями), если названия классов будут отражать суть блока, а не его положение, цвети и т.д.
Т.е. вместо .left-block лучше nav или main-nav (если менюшек несколько).
Вместо nav_left лучше lang-list или languages или lang-choice или подобное.

Решений вашей задачи много, ниже пример на флексах с использованием column-gap.
На мелких вьпортах менюшки располагаются просто в столбик.

Как сделать кликабельную svg-картинку с подсказками?

Олег, тултипы это по любому не простые ссылки, даже если они с href для доступности на случай отвалившегося js.

Как сделать кликабельную svg-картинку с подсказками?

В map зоны клика не квадратные, а какие нарисуете.

Да и зачем это всё, если просто отлавливается клик по части svg самым обычным способом, как делают простые тултипы.

Как сделать кликабельную svg-картинку с подсказками?

Отлавливайте клик на нужной части svg. В этом смысле теги внутри svg ничем не отличаются от любых других.

Постепенная прозрачность текста, как реализовать?

Наложить поверх псевдоэлемент с градиентом из цвета фона в прозрачность