Додавання посилань на веб-сторінки

Посилання або анкери на веб-сторінках

Одним із головних диференціаторів між веб-сайтами та іншими формами комунікаційних засобів є ідея "посилань" або гіперпосилань, оскільки вони технічно відомі в умовах веб-дизайну.

Окрім того, щоб допомогти зробити Інтернет таким, яким він є сьогодні, посилання, а також зображення легко додають речі на веб-сторінках. На щастя, ці елементи легко додати (лише два основні теги HTML), і вони можуть викликати хвилювання та інтерактивність до сторінок тексту тексту. У цій статті ви дізнаєтесь про тег (anchor), який є фактичним елементом HTML, який використовується для додавання посилань на сторінки веб-сайту.

Додавання посилань

Посилання в HTML називається якорем, і тому тег для його представлення є тегом A. Зазвичай люди просто позначають ці доповнення як "посилання", але якор - це те, що насправді додається на будь-яку сторінку.

Додаючи посилання, ви повинні вказати адресу веб-сторінки, на яку потрібно перейти вашим користувачам, коли вони натискають або торкаються (якщо вони знаходяться на сенсорному екрані). Ви вказуєте це за допомогою атрибута.

Атрибут href означає "посилання на гіпертекст", а його мета - продиктувати URL-адресу, куди потрібно перейти до конкретного посилання. Без цієї інформації посилання є марним - воно скаже браузеру, що користувача потрібно кудись привезти, але він не мав би доступної інформації про місце призначення, де це "десь" має бути. Цей тег і цей атрибут йдуть рука об руку.

Наприклад, щоб створити текстове посилання, ви пишете:

Отже, для посилання на домашню сторінку веб-дизайну / HTML, ви пишете:

На своїй HTML-сторінці ви можете зв'язати майже все, включаючи зображення. Просто оточіть елементи HTML або елементи, з якими ви хочете бути посиланням і теги. Ви також можете створити посилання на заповнення заповнення, залишивши атрибут href, але просто не забудьте повернутися та оновити інформацію href пізніше, інакше посилання насправді нічого не зробить.

HTML5 робить його дійсним для посилання елементів на рівні блоку, таких як абзаци та елементи DIV . Ви можете додати тег прив’язки навколо значно більшої площі, наприклад поділу чи списку визначень, і вся ця область буде "доступна для натискання". Це може бути особливо корисно при спробі створити більші, зручні для пальців ділянки хітів на веб-сайті.

Деякі речі, які слід пам’ятати, додаючи посилання

  • Останній тег обов’язковий . Якщо ви забудете включити його, все, що перебуває за цим посиланням, також буде пов’язане, поки інша посилання не закриє тег.
  • Здебільшого найкраще пов’язувати окремі зображення та короткі проміжки тексту, а не великі блоки тексту. Посилання можуть додавати кольори та підкреслювати стилі на вашу сторінку, які важко читати. Звичайно, ви можете використовувати CSS для зміни цих стилів посилань та редагування кольорів або видалення підкреслень, але все ж добре пам’ятати про цю реальність.
  • Не забудьте перевірити свої посилання, щоб вони не погані. Link Rot може змусити користувачів і пошукові системи вважати ваш сайт недійсним. Використовуйте перевірку посилань регулярно, щоб перевірити посилання на своїх сторінках. Це особливо актуально, коли ви посилаєтесь на сторонні сайти (ті, якими ви не керуєте) і які можуть змінювати їх сторінки в рази, залишаючи вас мертвими посиланнями. Перевірка посилань знайде ці мертві посилання, щоб ви могли зробити будь-які необхідні оновлення.
  • Уникайте такого тексту, як "натисніть тут" у вашому посиланні. Пам'ятайте, що люди з сенсорними екранами не можуть "клацати", тому текст відчуває себе як продукт минулої епохи і справді не є актуальним у сучасній мережі, орієнтованій на багато пристроїв.

Інші цікаві типи посилань

Елемент створює стандартне посилання на інший документ, але є й інші типи посилань, які можуть вас зацікавити:

  • Внутрішні посилання або прив’язки - це посилання на десь у межах веб-сторінки, не обов'язково вгорі.
  • Карти зображень - карти зображень дозволяють створювати посилання на зображення, які відображаються на конкретні ділянки зображення. Їх можна використовувати для ігор або творчої навігації. Ви часто їх бачите з картами, де на карті на місцях можна натискати області. Зауважте, що карти зображень не використовуються на більшості сучасних веб-сайтів, частково через те, що вони можуть спричинити проблеми на мобільних пристроях.
  • Елемент - Цей елемент використовується для відновлення інших документів і сторінок до поточних. Це не створить область, на яку можна натиснути, на вашій веб-сторінці, але це корисно для розуміння.