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

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


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


 

Інструкція

1. Щоб посилання стало неактивним, досить "почистити" код, або просто прибрати тег <a>, без якого здійснити перехід буде неможливо. В принципі, такого результату можна буде досягти, якщо стерти адресу в атрибуті href. Але подібна дія при ігноруванні тега <a> несе в собі побічний ефект: анкор буде замаскований під посилання, але без подальшого переходу. Іншими словами, якщо передбачена зміна ділянки тексту/картинки при наведенні курсора, то воно здійснюватиметься як і раніше. Тому треба повністю "вирізувати" усю зв'язку <a href> із закриваючим тегом </a>.

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>