Кнопки и ссылки в дизайне и коде (HTML, PHP) сайтов

 Сегодня мне бы хотелось рассказать Вам, дорогие читатели, о важных элементах дизайна, таких как кнопки и ссылки. Вся проблема в том, что когда заходишь на некоторые сайты (их довольно-таки мало, но есть), то сразу же замечаешь небрежное и я бы даже сказал неправильное оформление кнопок и ссылок.

Зайдя на сайт пользователь может кликнуть только на два элемента дизайна, а именно на кнопку или ссылку. Давайте разберёмся, чем же они отличаются. Скажу Вам сразу у них разные функции на Вашем сайте.

Кнопка – это элемент взаимодействия с сайтом. Если пользователь нажимает на кнопку, то имеется в виду, что он взаимодействует с сайтом. Например: кнопка с фразой «Регистрация», нажав на неё пользователь заносит свою информацию в базу данных сайта, а это и есть активное взаимодействие с ресурсом.

Ссылка – это всего лишь часть какого-нибудь документа, будь то HTML или PHP страницы. При клике на неё пользователь перейдёт в другой раздел, на другую страницу, на другой сайт. Нажатие на ссылку никак не подразумевает под собой активного взаимодействия с ресурсом, это полная противоположность кнопке. Ссылка это элемент пассивного использования ресурса. Например, есть ссылка «Перейти на форум», при нажатии на неё юзер не будет заносить никакой информации в базу данных Вашего сайта, он будет просто пассивным наблюдателем.

Когда Вы разрабатываете дизайн Вам необходимо учитывать назначение каждого из этих двух элементов. Не делайте ссылки в виде кнопок и кнопки в виде ссылок – это портит сайт в глазах посетителей. Ссылки обычно окрашены в цвет отличный от цвета основного текста и подчёркнуты. Кнопки в свою очередь имеют чёткие границы или контрастный фон.

Зная принципы PHP и HTML, можно легко понять, как оформить кнопку или ссылку, если при вёрстке Вы бы использовали тэг <a href=”" >, то получили бы ссылку, а если тэг <input> – то кнопку.