Что такое ссылки и как их ставить. Тег a
Ссылка — текст, кликая на который вы переходите на другую страницу. Иногда после клика открывается картинка, скачивается файл или вы переходите к другой части страницы.
В HTML ссылки создаются с помощью тега . Например:
href — это атрибут, в котором мы прописываем адрес для перехода.
В ссылке без href лучше оставить подсказку о том, почему мы это сделали. Подсказку можно добавить с помощью атрибута title . Подсказка появится, когда курсор задержится над ссылкой некоторое время.
Абсолютные ссылки
Если нужно сделать ссылку на другой сайт в интернете, используйте полный адрес сайта — он называется абсолютным. Выглядит он, например, так:
https://site.ru/blog/index.html Абсолютные адреса содержат минимум три части: протокол, имя сервера и путь. В нашем случае это:
https:// — протокол, по которому мы обращаемся к сайту.
site.ru/ — имя сервера.
/blog/index.html — путь к файлу.
Если в адресе есть все эти части — это абсолютный адрес.
Относительные ссылки
Когда файл по ссылке лежит на вашем компьютере, используются относительные адреса. В отличие от «обычных» адресов, в них нет адреса сайта. Например:
day-2.html Относительные адреса иногда используют и для страниц в интернете. Если выложить два каких-то файла в интернет (не меняя их взаимное расположение), то их ссылка друг на друга всё равно будет работать.
Если в адресе нет имени сервера или протокола, то это относительный адрес.
Ссылки на файл
По ссылкам можно не только переходить на другие сайты, но и скачивать файлы. Для этого пропишите в атрибуте href ссылку на этот файл. А чтобы предотвратить открытие файлов прямо в браузере, добавьте атрибут download у тега .
Браузер скачает меня lt;/a> Ссылки-якоря
Ссылка-якорь — это обычная ссылка, в адресе которой используется символ # , после которого следует идентификатор элемента. Идентификатор создаётся с помощью атрибута id у того тега, к которому надо перейти при щелчке по ссылке.
Ссылка-якорь используется для прокрутки к заданной части страницы, в том числе используется и в абсолютных адресах.
Больше про ссылки
- Абсолютные и относительные ссылки
- Как ставить пустые ссылки
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Специальные символы в HTML
HTML использует особенные комбинации символов, чтобы корректно отображать определенные знаки на веб-страницах. Например, вместо простого знака «меньше» мы видим комбинацию <. В этой статье представлен список таких символов. Это небольшой справочник для тех, кто хочет быстро найти нужный код.
- 23 октября 2023
Простое диалоговое окно на HTML
Вот короткое демо:
- 18 октября 2023
Зачем нужен метатег viewport
Каждый из нас хоть раз в жизни сталкивался с веб-страницами, которые кажутся «сломанными» или странно отображаются на мобильных устройствах. Одной из причин такого поведения может быть отсутствие маленького, но важного элемента в коде страницы — метатега viewport .
Метатеги — это инструкции для браузера о том, как отображать содержимое страницы. Один из таких метатегов — viewport , который говорит браузеру, как масштабировать и отображать страницу на разных устройствах, особенно на смартфонах и планшетах.
- 18 сентября 2023
Атрибут class в HTML на примерах
Атрибут class используется для добавления CSS-классов элементам HTML. Классы позволяют применять одни и те же стили CSS или поведение JavaScript к разным элементам на странице.
Так, одному элементу можно присвоить один или несколько классов, разделяя их пробелами.
- 14 сентября 2023
В чём отличия цитат blockquote, cite и q
В HTML есть разные теги для цитирования и указания источников. Основные из них: , и . Давайте разберёмся в их различиях.
- 12 сентября 2023
Осмысленный alt-текст: 6 правил
Альтернативный текст — это описание изображения словами. Это описание должно помогать людям, которые читают или слышат это описание, иначе оно не нужно и лучше вообще его не указывать.
Мы уже обсудили основные правила написания alt-текста для фотографий и изображений. В этот раз поговорим о том, каким именно должно быть описание, чтобы в нём был смысл.
- 31 июля 2023
Растровая и векторная графика
Давайте попробуем разобраться, в чём отличие растровой графики от векторной.
- 13 июня 2023
Как понять, что перед вами заголовок
Заголовки используются для организации и структурирования содержимого на сайте. В HTML существует шесть уровней заголовков, обозначаемых тегами от до . Каждый уровень заголовка имеет свой семантический вес, где имеет наибольший вес, а — наименьший.
Часто кажется, что заголовок — это простой и понятный тег. Но это впечатление обманчиво, потому что не всегда крупный и выделенный текст на макете является заголовком.
При вёрстке сайта важно соблюдать семантику, чтобы все теги использовались корректно и ресурс работал без ошибок. Если напутать уровни заголовков, то структура страницы будет не семантичной, а скринридеры неправильно прочтут сайт.
В статье разберёмся, как верно определять заголовки по макету, какие из них лучше делать скрытыми и почему.
- 8 июня 2023
Как правильно вставлять SVG
Есть несколько способов вставки SVG-изображения. Выбор одного из них зависит от задач, которые стоят перед верстальщиком.
SVG — это формат векторной графики, дословно: масштабируемая векторная графика. МВГ? SVG! В векторных форматах хранится не само изображение, а инструкция по его построению по точкам и кривым.
В растровых форматах информация о конкретном числе точек изображения плотно упакована в бинарный кирпич. В него бесполезно заглядывать и менять его можно только в редакторах графики.
�PNG IH�aV PLTE�������0� IDAcZ�d���� �W= S�3�o;���]P ���IEND�B`�~ Формат SVG тоже можно создавать и менять в редакторах графики, например, в Illustrator или Figma. Но ещё он текстовый, а значит его можно открыть как HTML или CSS в любом редакторе кода.
SVG — это как отдельная HTML-страница. Когда вставляете SVG, вы, на самом деле, вставляете не просто картинку, а целую страницу. Со своей системой координат, вьюпортом, стилями, скриптами и удивительными особенностями.
Если смотреть на SVG как на отдельную страницу — становится понятнее, какой способ вставки вам нужен.
- 1 июня 2023
Как создавать адаптивные изображения. Атрибут srcset
Адаптивные изображения автоматически изменяют свой размер, чтобы соответствовать экрану пользователя, что улучшает вид страницы и ускоряет загрузку.
Давайте рассмотрим несколько способов создания адаптивных изображений.
�� В статье мы говорим о пикселях и ретина-дисплеях. Если вы не знаете, что это такое — прочитайте статью.
- 25 мая 2023
Атрибут href
Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target .
Синтаксис
Обязательный атрибут
Обязателен для ссылок.
Значения
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
HTML5 IE Cr Op Sa Fx
Тег А, атрибут href Относительная ссылка
Абсолютная ссылка
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Захожу я на алиэкспресс Перекидывает на href.li потом уже на алиэкспресс. Что это??
Похоже, Вы поймали троянца типа AdWare, подменяющего адреса сайтов, или установили какой-нибудь «полезный» плагин для браузера с такой вот дополнительной нагрузкой. Это может быть не только неприятно, но и опасно, поскольку эта зараза может увести, в том числе, платёжные данные. Рекомендую прогнать Dr.Web CureIt, а затем AdwCleaner (обе программы бесплатные).
Кстати, при заказе на AliExpress можно возвращать себе часть стоимости каждой покупки с помощью кэшбэк-сервисов. Почитать об этом можно, например, на сайте MoneyFromNothing.ru в разделе «Кэшбэк».
Захожу я на алиэкспресс Перекидывает на href.li потом уже на алиэкспресс. Неоднократно! Что это??
подскажите как с этим бороться!? али невозможно пользоваться. всегда кидает на главную страницу. вэб и АС не помогают. HELP.
.Ученик (122) 7 лет назад
у меня тоже самое, даже на андроиде, служба поддержки не работает
Multisoft Мыслитель (9502) на андроиде поставьте дрвеб просканируйте всё затем поставьте cleaner удалите весь мусор всё заработает
MultisoftМыслитель (9502) 6 лет назад
куча антивирусов не помогла.
обновил винду, поставил все обновления кроме net.framework.
удалил хром, удалил все папки google, зашел в эксплорер 11, сбросил его
потом установл хром и все заработало))
MultisoftМыслитель (9502) 6 лет назад
куча антивирусов не помогла.
обновил винду, поставил все обновления кроме net.framework.
удалил хром, удалил все папки google, зашел в эксплорер 11, сбросил его
потом установил хром и все заработало))
Нужна помощь, редирект href.li
Игрок
Отправлено 24 June 2019 — 17:14
Ребят, кто знает как убрать редирект? видимо словил вирусняк какой-то, при переходе по ссылке кидает сначала на редирект href.li, что это такое и откуда взялось — чёрт его знает, но мешает знатно!
Подскажите что делать? Как избавиться от заразы?
Скрытый текст
Начать играть на Isengard?
Присоединяйтесь к нашему сообществу!
Играйте на самом работоспособном и стабильном русскоязычном WoW сервере без доната игровых ценностей!
#2 
Shinsu
Игрок
Отправлено 24 June 2019 — 17:19
Ребят, кто знает как убрать редирект? видимо словил вирусняк какой-то, при переходе по ссылке кидает сначала на редирект href.li, что это такое и откуда взялось — чёрт его знает, но мешает знатно!
Подскажите что делать? Как избавиться от заразы?
Скрытый текст
Поотключай расширения (их часто взламывают + они в авт. режиме обновляются) и проверь ярлыки запуска хрома.
Гайд на Крогу by Shinsu
#3 rJIoTaIO
rJIoTaIO
Игрок
Отправлено 24 June 2019 — 17:26
Скачивай. Уничтожает все яндекс и мэйл вирусы. Все редиректы. После полное очищение Ccleaner. Было такое уже.
#4 Dothar
Турбоклив головного мозга
Игрок
Отправлено 24 June 2019 — 17:58
#5 StingLike a BEE
StingLike a BEE
Игрок
Отправлено 24 June 2019 — 20:35
Скачивай. Уничтожает все яндекс и мэйл вирусы. Все редиректы. После полное очищение Ccleaner. Было такое уже.
https://ru.malwarebytes.com/
вроде помогло, спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 скрытых пользователей
Ответить цитируемым сообщениям Очистить
Community Forum Software by IP.Board Русификация от IBResource Лицензия зарегистрирована на: Isengard WoW
Играй на нашем сервере!
Бесплатный сервер WoW 3.3.5 Wrath of the Lich King — уже 15 лет мы радуем наших игроков, присоединяйся к ним!
Без доната! Всё работает!
Нет — продаже предметов, влияющих на игровой процесс. Да — высокой работоспособности — проверь!
Система лояльности
За внутриигровую активность Вы будете получать Сферы Лояльности, которые автоматически конвертируются в бонусы для покупок в магазине сервера:
- Победа в матче на Арене: 15% от текущего рейтинга;
(т.е. примерно 300 при рейтинге в 2000) - Победа в сражении на Полях Боя: 12.5% от текущего рейтинга;
(т.е. примерно 500 при рейтинге в 4000)
- Прохождение подземеля в роли Танка: 600 Сфер Лояльности;
- Прохождение подземеля в роли Лекаря: 400 Сфер Лояльности;
- Прохождение подземеля в роли ДД: 200 Сфер Лояльности.
(только при использовании системы Поиска Подземелий)
- Победа над рейдовым боссом: 100 Сфер Лояльности;
- Победа над рейдовым боссом в героическом режиме: 300 Сфер Лояльности.
(только актуальные рейдовые подземелья — ЦЛК, РС и ИВК)
- Нахождение онлайн (каждые 15 минут): 5 Сфер Лояльности;
- Сбор редких ресурсов: 10 Сфер Лояльности;
(какие ресурсы редкие? узнайте сами — в игре!) - Победа в сражении на Озере Ледяных Оков: 500 Сфер Лояльности.
За каждые 100 Сфер Лояльности Вы получаете 1 бонусный рубль, который можете использовать для полной или частичной оплаты чего-нибудь нужного из магазина.
Участие в особом событии — Цареубийстве!
Каждую пятницу (для игроков Альянса) и каждый вторник (для игроков Орды) с 16:00 до 22:00 (по московскому времени) проводится особое событие — Цареубийство!
Достаточно убить одного из предводителей противоположной фракции и получить награду: 2000 Сфер Лояльности! Следите за уведомлениями в чате.
Еженедельно можно получить 15000 Сфер Лояльности, после достижения данного значения бонусы за вышеперечисленные действия начисляться не будут.