Пятница, 26 Октября 2012 11:28

Оформление активных элементов

Written by 
Оцени эту запись
(0 Голоса)

 

Активные элементы - это элементы, при нажатии на которые происходят некоторые действий - появляется блок, всплывает окошко, переключаются закладки табов. Но при клике на активный элемент не происходит переход на другую страницу или на якорь на этой странице. А значит активные элементы не являются ссылками и их не нужно в html делать ссылками с тегом <a>. Но для того, чтобы указать пользователю на активность этого элемента, его нужно оформить в виде ссылки. 

 

 

 
Для оформления активных элементов можно использовать следующие стили:
 
 
  • подчеркивание текста, которое можно убрать при наведении
  • cursor: pointer
  • всплывающая подсказка title
 
 
 
Часто активные элементы делают в виде ссылки с подключением JavaScript:
 
 
<a href="javascript: void(0)" onclick="..."></a>
 
 
Но этот способ не следует семантике, поскольку при клике на элемент нет перехода, который предполагается для ссылки.
 
 
Потому будет правильнее оформить активный элемент тегом <div> или <span>, задать ему идентификатор для вызова его в JavaScript, а сам JavaScript вынести во внешний файл.
 
 
 
 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов