Что такое HTML-ссылки?

HTML-ссылки, созданные с помощью тега <a> (anchor), являются основой веб-навигации. Они соединяют страницы, документы и ресурсы в интернете. Каждая ссылка может содержать несколько атрибутов: href (URL назначения), title (текст при наведении), rel (отношение к целевому ресурсу) и target (где открыть ссылку). Понимание структуры ссылок веб-страницы необходимо для SEO-анализа, аудита сайтов и веб-разработки.

Ссылки классифицируются по типу их назначения. Внешние ссылки указывают на другие веб-сайты, используя полные URL. Внутренние ссылки навигируют в пределах одного сайта, используя относительные пути. Якорные ссылки переходят к определённым разделам на одной странице. Специальные протоколы, такие как mailto: и tel:, запускают почтовые клиенты и приложения для звонков соответственно.

Описание инструмента

Этот инструмент анализирует HTML-код и извлекает все гиперссылки со всеми их атрибутами. Он автоматически классифицирует каждую ссылку по типу (внешняя, внутренняя, якорная, mailto, tel или javascript) и отображает их в сортируемой таблице. Статистика показывает распределение типов ссылок с первого взгляда, что облегчает анализ профиля ссылок любой веб-страницы.

Примеры

Входной HTML:

<nav>
  <a href="https://example.com">External Site</a>
  <a href="/about" title="About Us">About</a>
  <a href="#contact">Contact Section</a>
  <a href="mailto:info@example.com">Email Us</a>
</nav>

Извлечённые ссылки:

URL Текст Тип Заголовок
https://example.com External Site external
/about About internal About Us
#contact Contact Section anchor
mailto:info@example.com Email Us mailto

Возможности

  • Извлечение всех атрибутов ссылок: URL, текст, заголовок, rel и target
  • Автоматическая классификация ссылок на шесть типов
  • Статистика в реальном времени, показывающая распределение типов ссылок

Объяснение опций

Опция Описание
Базовый URL Введите базовый URL веб-сайта, чтобы сделать внутренние ссылки кликабельными в таблице результатов
Показывать пустые ссылки Включить ссылки, которые не имеют атрибута href или имеют пустые значения href
Показывать только внешние Фильтровать результаты для отображения только ссылок, указывающих на внешние домены

Типы ссылок

Тип Описание Пример
External Полные URL, указывающие на другие веб-сайты https://example.com
Internal Относительные пути в пределах одного сайта /about, contact.html
Anchor Якорные ссылки на разделы страницы #section-name
Mailto Ссылки на адреса электронной почты mailto:user@example.com
Tel Ссылки на номера телефонов tel:+1234567890
JavaScript Ссылки, запускаемые скриптами javascript:void(0)

Советы

  • Вставляйте полный исходный HTML-код страницы для получения точных результатов—частичный HTML может пропустить ссылки в пропущенных разделах
  • Используйте поле базового URL при анализе внутренних ссылок, чтобы быстро проверить их корректность
  • Сортируйте по столбцу «Тип», чтобы сгруппировать похожие ссылки вместе для более быстрого просмотра
  • Включите опцию «Показывать только внешние» при проверке нежелательных исходящих ссылок или проверке размещения партнёрских ссылок