Як зробити посилання неактивній

Як зробити посилання неактивній

Якщо опублікована на сайті посилання раптом виявилася непотрібною, то її можна зробити неактивною. Це означає, що користувач з її допомогою більше не зможе переходити за заданою адресою.

Інструкція

  1. Щоб посилання стала неактивною, досить «почистити» код, або просто прибрати тег, без якого здійснити перехід буде неможливо. У принципі, такого результату можна буде досягти, якщо стерти адреса в атрибуті href. Але подібна дія при ігноруванні тега несе в собі побічний ефект: анкор буде замаскований під посилання, але без подальшого переходу. Іншими словами, якщо передбачено зміну ділянки тексту / картинки при наведенні курсору, то воно буде здійснюватися як і раніше. Тому потрібно повністю «вирізати» все зв’язування з закриває тегом.
  2. У cms посиланнями на панелі інструментів відповідає два значки: один необхідний для їх вставки, інший буде потрібно у випадку дезактивації. З їх допомогою зробити перехід нездійсненним можна на дві дії.
  3. Лівою кнопкою миші виділите у вікні редактора текст посилання повністю. Якщо залишиться хоча б один знак, то він буде продовжувати «працювати».
  4. Натисніть на значок «Видалити заслання», після чого об’єкт перестане функціонувати. Для відновлення його працездатності необхідно проробити те ж саме, хіба що за участю кнопки «Вставити посилання».
  5. Прийом може застосовуватися в якості декоративного елемента сайту. Щоб частина тексту відображалася у вигляді посилання, але при кліці перехід не здійснювався, що цікавить місце має бути позначено в коді одним з таких способів.

    • Html:

    <a href=»"> Текст </ a>

    • PHP:

    <? Php

    $ Count = rand (3,10);

    for ($ i = 0; $ i <$ count; $ i + +)

       $ Href .= chr (rand (97, 122));

     echo ‘<a href=»http://’.$href.’.com»> Текст </ a>’;

     ?>

    • CSS / html:

    <html>

     <head>

      <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />

      <title> hover </ title>

      <style type=»text/css»>

      a: link {

        color: # значення кольору;

       padding: значення px;

       }

       a: hover {

       background: # значення кольору фону;

      color: # значення кольору посилання;

      }

      </ Style>

     </ Head>

     <body>

     <p> <a href=»1.html»> Текст </ a> </ p>

    </ Body>

    </ Html>