Арсений Матыцин

Потому что гладиолус. Атрибуты занесены верно, но отключены по умолчанию.

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

К слову, обращение с большой буквы на вы употребляется в личном общении, а не обезличенном со страницы сайта. В подвале «Либо Вы можете».

Ага, я вроде понял.

У ссылки есть некоторые атрибуты, опираясь на которые ты можешь ее распознать. Среди них:
1. Протокол: http\s (в ответах есть пример)
2. Домен + доменная зона (вот тут уже посложней, так как доменных зон овердомного)

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

Поисковая строка, к слову, тоже не идеальна, ибо работает по подобному принципу и легко можно улететь на какой-нибудь дот.com. Впрочем, никто не запрещает делать тебе плохой интерфейс, «ведь все так делают».

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

Подтегов не существует. Но есть микроразметки для формирования сниппетов.

tel, кстати, это формат ссылки обычно <a href="tel:+1234567890">, вот только не скажу, окончательно ли он вошел в стандарт или нет, не интересовался уже несколько лет как.

На тему важности, тезисно:
1. Абсолютно все равно, что ты там себе наверстаешь.
2. Микроразметка не будет лишней, если она валидна.
3. В принципе валидная верстка это хорошо.
4. Нелишним будет задавать такие вопросы у гугла, проходясь глазами по спеке тегов.

SVG, как и изображение требует фиксированных размеров в соответствии со своими исходными параметрами, в img это размер кратинки, в SVG это вьюпорт канвы, на которой он был создан.

А потом этим размеры изменяются с помощью CSS, например max-width: 100%. Но так просто это сработает только с картинками, по идее с object тоже. Будет проще, если ты ресурс SVG вставишь в IMG, минус возможности, плюс к адаптации, как для новичка.

К слову, данный вопрос не имеет никакого отношения к Bootstrap-у.

Вангуемс...:
1. Последние элементы в новом div-е.
2. Где-то в консоли у тебя вылез exception, но нам ты его не показала.

Все же склоняюсь к первому.

Верстка предполагает сочетание элементов и свойств, работа которых не приведёт к багам. Любой блочный элемент может содержать блочные элементы и строчные. Строчные по хорошему только строчные. На уровне стилей, а на уровне html строчные не могу содержать блочные, это приведёт к ошибке.

Гриды и флексы — блочные.
Инлайновые флексы — условно строчные.

CSS → Position: Sticky.
Если у тебя вычисляемые размеры левой и правой части → присыпь немного JS.

Используй API, а не подпирай костылями URI-ы.