“ <адрес> » придают семантическое значение контактным данным автора, владельца или объекта, связанного с документом. Текст внутри « <адрес> ” отображается на веб-странице курсивом. Разработчики в основном используют его для отображения такой информации, как физический или почтовый адрес, адрес электронной почты, номер телефона, URL-адрес веб-сайта и т. д. В этой статье демонстрируется объяснение тега адреса HTML.
Как использовать тег адреса HTML?
“ » можно использовать с другими тегами, такими как « », « », « “ ” и т. д. Это улучшает доступность и поисковую оптимизацию благодаря своей семантической природе, обеспечивая при этом удобство обслуживания и согласованность. Тег адреса можно использовать на контактных страницах, в разделах нижнего колонтитула, а также для иллюстрации информации об авторе блога или статьи и т. д.
Посетите приведенный ниже практический пример для лучшего понимания:
< тело >
< див сорт '=' 'Стиль адреса' >
< адрес >
Написано < а href '=' 'https://linuxhint.com/' > Анонимный а > . < бр >
Посетите нас по адресу: Метавселенная < бр >
linuxhint.com < бр >
Нигде, Галактика < бр >
Мультивселенная
адрес >
див >
тело >
В приведенном выше блоке кода:
-
- Изначально родитель « <дел> » создается внутри тега « <тело> ' ярлык.
- Затем класс с именем « адресСтайлинг ” назначается с недавно созданным “ див элемент.
- После этого используйте « <адрес> », а внутри него указаны фиктивные личные данные.
После выполнения и повторного рендеринга веб-страница выглядит так:
Вывод показывает, что содержимое внутри тега «
Для оформления содержимого тега «
» используются свойства CSS, как показано ниже:< стиль >
.addressStyling {
поле: 20 пикселей;
цвет: красный ;
размер шрифта: x-большой;
семейство шрифтов: монтсеррат;
}
стиль >
В приведенном выше блоке кода:
-
- Во-первых, родитель» див 'класс элемента' адресСтайлинг ” выбран.
- Далее значения « 20 пикселей ' и ' красный ” предоставляются CSS “ допуск ' и ' цвет свойства соответственно.
- В конце настройте шрифт, назначив « х-большой ' и ' Монтсеррат ' значения в CSS ' размер шрифта ' и ' семейство шрифтов свойства соответственно.
После добавления свойств CSS окончательный результат выглядит следующим образом:
Вывод показывает, что был применен индивидуальный стиль.
Альтернатива: использование тега
“ <я> » используется, чтобы отвлечь внимание пользователя от конкретной части данных или информации. Он меняет стиль текста на « курсив », что делает текст уникальным и привлекает внимание пользователя. Это может быть полезно для указания цитат, названий книг или других случаев, когда требуется четкое визуальное представление. Следуйте приведенному ниже коду:
< п >< я стиль '=' 'Размер шрифта:x-большой;' > линукс я > является в курсивный формат с использованием 'я' ярлык
п >
После компиляции вышеуказанного блока кода:
Вывод показывает, что тот же стиль был применен с использованием « <я> ' ярлык.
Заключение
“ <адрес> Тег специально используется для отображения личных данных автора или какого-либо лица на веб-странице. Это семантический тег, который также очень помогает в процессе SEO. Данные внутри « <адрес> » отображается на веб-странице курсивом. Кроме того, свойства CSS также можно использовать для применения пользовательских стилей. В этой статье продемонстрировано объяснение HTML-тега
.