Одним из основных отличий между веб-сайтами и другими формами средств коммуникации является идея «ссылок» или гиперссылок, поскольку они технически известны в терминах веб-дизайна.
В дополнение к тому, чтобы сделать Интернет тем, чем он является сегодня, ссылки, а также изображения, как правило, являются наиболее часто добавляемыми вещами на веб-страницах. К счастью, эти элементы легко добавить (всего два основных HTML-тега), и они могут принести волнение и интерактивность к тому, что в противном случае было бы простым текстовым текстом. В этой статье вы узнаете о теге (якоре), который является фактическим элементом HTML, используемым для добавления ссылок на страницы веб-сайта.
Добавление ссылок
Ссылка называется якорем в HTML, и поэтому тег, представляющий его, является тегом A. Обычно люди просто ссылаются на эти дополнения как на «ссылки», но якорь - это то, что фактически добавляется на любую страницу.
Когда вы добавляете ссылку, вы должны указать адрес веб-страницы, к которому вы хотите, чтобы ваши пользователи вошли, когда они нажимают или нажимают (если они находятся на сенсорном экране) эту ссылку. Вы указываете это с помощью атрибута.
HREF атрибут означает «гипертекстовая ссылка», и его цель - указать URL-адрес, по которому вы хотите, чтобы эта конкретная ссылка была включена. Без этой информации ссылка бесполезна - она сообщит браузеру, что пользователь должен быть доставлен куда-нибудь, но у него не будет доступной информации о месте, где это «где-то» должно быть. Этот тег и этот атрибут идут рука об руку.
Например, чтобы создать текстовую ссылку, вы пишете:
Текст, который будет ссылкой
Таким образом, чтобы ссылаться на домашнюю страницу веб-дизайна About.com / HTML, вы пишете:
LifeWire
Вы можете связать почти что угодно на вашей HTML-странице, включая изображения. Просто объедините HTML-элементы или элементы, которые вы хотите связывать с
а также теги. Вы также можете создавать ссылки на заполнители, оставляя HREF атрибут - но просто обязательно вернитесь и обновите информацию href позже, иначе ссылка на самом деле ничего не сделает при доступе.
HTML5 делает его действительным для связывания элементов уровня блока, таких как абзацы и DIV элементы. Вы можете добавить тег привязки вокруг гораздо большей области, такой как раздел или список определений, и что вся область будет «clickable». Это может быть особенно полезно при попытке создать более крупные, удаленные от пальца области хита на веб-сайте.
Некоторые вещи, которые следует помнить при добавлении ссылок
- Финал тег требуется, Если вы забудете включить его, все, что связано с этой ссылкой, также будет связано, пока другая ссылка не закроет тег.
- В большинстве случаев лучше всего связать отдельные изображения и короткие строки текста, а не большие блоки текста. Ссылки могут добавлять цвета и подчеркивать стили на вашу страницу, которые трудно читать. Конечно, вы можете использовать CSS, чтобы изменить эти стили ссылок и отредактировать цвета или удалить подчеркивания, но все же хорошо помнить об этой реальности.
- Обязательно проверьте свои ссылки, чтобы они не испортились. Link Rot может заставить пользователей и поисковые системы считать ваш сайт недействительным. Регулярно проверяйте ссылки на своих страницах. Это особенно актуально, когда вы ссылаетесь на сторонние сайты (те, которые вы не управляете) и которые могут менять свои страницы в течение длительного времени, оставляя вас с мертвыми ссылками. Средство проверки ссылок найдет эти мертвые ссылки, чтобы вы могли делать все необходимые обновления.
- Избегайте текста, как «нажмите здесь» в вашей ссылке. Помните, что люди с сенсорными экранами не могут «щелкнуть», чтобы текст выглядел как продукт прошлой эры и действительно не уместен в современной веб-сети с несколькими устройствами.
Другие интересные типы ссылок
элемент создает стандартную ссылку на другой документ, но есть и другие типы ссылок, которые могут вас заинтересовать:
- Внутренние ссылки или привязки - это ссылки на веб-страницу, не обязательно на верхнюю.
- Карты изображений - карты изображений позволяют создавать ссылки на изображения, которые отображаются в определенных областях изображения. Они могут использоваться для игр или творческой навигации. Вы часто видите их с картами, где области на карте доступны для просмотра. Обратите внимание, что карты изображений не используются на большинстве современных веб-сайтов, отчасти потому, что могут вызвать проблемы на мобильном устройстве.
- Элемент - этот элемент используется для связи других документов и страниц с текущим. Он не будет создавать интерактивную область на вашей веб-странице, но это полезно понять.
