Создание элемента HTML <a> онлайн
Генератор HTML Hyperlink создает элемент <a> для веб-адреса, email или номера телефона. Выберите тип ссылки, укажите адрес назначения и видимый текст. Предпросмотр, HTML-код и C#-код обновляются одновременно.
Настройки генератора HTML Hyperlink
Интерактивный генератор поддерживает следующие настройки:
- Type создает обычную URL-ссылку, email-ссылку
mailto:или телефонную ссылкуtel:. - URL, Email или Telephone задает адрес назначения, а Text – видимую и доступную подпись ссылки.
- Target определяет, где открывается URL. При выборе
_selfгенератор не добавляет атрибутtarget. - Download добавляет к URL-ссылке логический атрибут
download. - Параметры связи формируют из
noopener,nofollow,noreferrer,externalиhelpразделенный пробелами список значенийrel.
Для email- и телефонных ссылок используются только подходящие им поля. Параметры Target, Download и rel, предназначенные для URL, в их код не добавляются.
Создание элемента HTML <a> в C#
Панель HTML Code выше содержит настроенную разметку ссылки. Панель C# Code ниже создает эквивалентный элемент с помощью Aspose.HTML for .NET .
Созданный код выполняет следующие действия:
- Создает
HTMLDocumentиHTMLAnchorElementс помощьюDocument.CreateElement(). - Задает
hrefи необязательные атрибутыtarget,relиdownloadс помощьюElement.SetAttribute(), затем записывает текст ссылки вTextContent. - Добавляет ссылку в тело документа.
- Сохраняет готовый документ как
hyperlink.htmlс помощьюHTMLDocument.Save().
Сначала настройте ссылку, затем скопируйте обновленный C#-код в свой .NET-проект.
FAQ по генератору HTML Hyperlink
1. Можно ли использовать относительный URL вместо полного веб-адреса?
Да. Значение вида docs/getting-started.html или ../index.html вычисляется относительно страницы, на которой находится ссылка. Используйте абсолютный URL с https://, если адрес назначения не должен зависеть от расположения страницы.
2. Что происходит при переходе по ссылке mailto или tel?
Ссылка mailto: предлагает устройству открыть настроенное почтовое приложение, а tel: – приложение для звонков. Сам браузер не отправляет письмо и не совершает звонок, а результат зависит от настроек устройства пользователя.
3. Какие значения rel использовать для ссылки, открывающейся в новой вкладке?
Используйте noopener, чтобы открытая страница не получила доступ к контексту исходной страницы. Добавьте noreferrer, если адрес назначения не должен получать referrer, и nofollow, если издатель не подтверждает надежность или ценность ссылки.
4. Почему ссылка с атрибутом download может открыться в браузере?
Браузер может игнорировать download для ресурса с другого origin, а заголовки ответа сервера могут влиять на открытие или скачивание файла. Если поведение важно, проверьте ссылку на том же origin и заголовки ответа ресурса.
5. Можно ли добавить созданную ссылку в существующий HTML-документ?
Да. Откройте файл через new HTMLDocument("input.html"), создайте и настройте ссылку по примеру, добавьте ее в нужный элемент и сохраните измененный документ в новый файл.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие HTML-генераторы
Создавайте другие HTML-элементы и структуры с помощью специализированных генераторов