Поиск 

Несколько html тегов, о которых стоит знать

Среда, Январь 06, 2010 г.
В этой статье расскажу вам о некоторых html тегах, которые редко используются на сайтах, но в определенных ситуациях могут быть очень полезными.

Тег <tabindex>

Этот тег определяет порядок перехода между полями формы по клавише «Tab»:

<form action="#">
   <input type="text" tabindex="1" />
   <a href="#">Забыли пароль</a>
   <input type="password" tabindex="2" />
   <input type="button" value="Войти" tabindex="3" />
</form>

В этом примере по нажатию клавиши «Tab» мы пропускаем ссылку «Забыли пароль».

Тег <cite>

Тег <cite> является «младшим братом» тега <blockquote>. Этот тег определяет текст на странице как ссылку. По-умолчанию, текст внутри этого тега выделяется курсивом, что легко меняется с помощью стилей.

Использовать этот тег можно для цитирования библиографий и других ссылок сайта.

Тег <optgroup>

Тег <optgroup> позволяет логически и визуально объеденить элементы select-а:

<select>
   <optgroup label="Цвета">
   <option>Красный</option>
   <option>Зеленый</option>
   <option>Белый</option>
   </optgroup>
   <optgroup label="Порядок">
   <option>Первый</option>
   <option>Второй</option>
   <option>Третий</option>
   </optgroup>
</select>

Тег <acronym>

Тег <acronym> позволяет дать слову или группе слов всплывающую подсказку. Подсказка из атрибута title всплывает при наведении мыши на слово заключенное в тег <acronym>:

<acronym title="Командный вид спорта, в котором целью является забить мяч в ворота соперника ногами или другими частями тела (кроме рук) бо́льшее, чем команда соперника количество раз">Футбол</acronym> очень популярен в мире.
Пример: Футбол очень популярен в мире.

Тег <address>

Как видно из названия, этот тег семантически выделяет адреса на странице. Адрес выделяется курсивом, что тоже легко меняется с помощью стилей:

<address>г. Арзамас, ул. Гагарина, д. 47, кв. 54</address>
Теги <ins> и <del>

Эти теги позволяют семантически выделить, что было до изменения на сайте и что стало после. Текст, заключенный в тег <del> зачеркивается, а заключенный в <ins> — подчеркивается:

<del>Было</del> <ins>Стало</ins>
Пример: Было Стало

Тег <label>

Этот тег нужно(!) использовать во всех формах. С помощью этого тега задаются метки элементам формы. Иными словами, при клике мышью на текст в теге
Теги: HTML | Верстка | CSS Автор: Xenta | Просмотров: 1654 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1958     2.98   
  2     pobeda   486     2.99   
  3     Tais   444     3.13   
  4     Foma   139     2.9   
  5     Lubov   52     2.88   
  6     Angel   45     2.95   
  7     Dolores   45     2.75   
  8     Paradiz   31     2.82   
  9     Xenta   29     2.84   
  10     Serdjio   25     2.89   
все авторы 
Последние статьи

Медицинское освидетельствование

Понедельник, Март 20, 2017 г.
|
Луна | 34 |

Мясной рулет

Суббота, Март 11, 2017 г.
|
Луна | 83 |

Блинчики без дрожжей

Воскресенье, Март 05, 2017 г.
|
Луна | 97 |

Постный суп

Вторник, Апрель 12, 2016 г.
|
Луна | 1168 |

Как провести вечер самой?!

Четверг, Декабрь 24, 2015 г.
|
AMarushchak | 1743 |
Популярные статьи

Внушение

Суббота, Сентябрь 25, 2010 г.
|
Луна | 3858 |

История Древнего Египта

Вторник, Апрель 05, 2011 г.
|
Луна | 203909 |

Материки

Вторник, Май 11, 2010 г.
|
Tais | 301964 |

Маршак С. Я.

Четверг, Декабрь 30, 2010 г.
|
Луна | 45992 |

Наука и образование в Византии IV в.

Понедельник, Июнь 06, 2011 г.
|
Луна | 8988 |

Реклама

веб сайт, разработка сайтов, css, html, php, mySQL, админка, создание сайта, хостинг, доменное имя, сайт визитка, сайт каталог, информационный сайт, корпоративный сайт, интернет магазин, портал, поддержка сайтов

Облако тегов