10 редких html тегов

Теги, которые мало кто знает и использует.

1. <cite>

Цитата. Браузер подсвечивает обычно италиком, можно поменять в css. Пример

2. <optgroup>

Добавляет группу в тег select.

3. <acronym>

Выделяет акроним

4.<address>

Выделяет адрес или другую информацию, например

123456 Россия Москва Такая-то ул. такой-то д.

Меняется через css.

5. <ins> and <del>

Позволяет делать весуальные визуальные правки в тексте.

6. <label>

Создает заголовок.

7. <fieldset>

Организовывает группы элементов ввода.

Заголовок

1

2

8. <abbr>

Аббревиатура. SEO

9. rel

У большинства ассоциируется с rel=nofollow (с недавних пор и с rel=canonical) , однако имеет много применений. Например, передача некоторых параметров, что бывает полезно при использованиии js

10. <wbr>

Тег для указания переноса в нужном месте (Wished Break — желаемый разрыв), если такой будет выполнен. Т.е. слово Аэродинамотрехфазный<wbr>синхрофазатрон будет разбито в месте указания тега, если не сможет поместится на экране пользователя.
Аэродинамотрехфазныйсинхрофазатронкоторыйнуполюбомунедолженвлезтьввашбраузересликонечноразрешениемониторанеполкилометра
Подсмотрел здесь

5.00 avg. rating (90% score) - 1 vote

12 комментариев

  • Саня, спасибо, пригодится

  • Бггг, прикольно 🙂 2-3 штучки видел, но не юзал, однако, большинство в глаза даже не видел … спасибо )))

  • Эти теги описаны в большинстве или даже всех html-справочниках, а редкие и не часто используемые, потому что большинство тегов просто не нужно.

    Например, вместо тега <cite> проще использовать <i> или <em>. Так и у некоторых остальных есть свои популярные альтернативы.

    А тег <label> вполне популярен, с чего бы он редкий?

    • Эти теги описаны в большинстве или даже всех html-справочниках,

      Я и не говорил, что они секретные и недокументированые 😉

      Например, вместо тега <cite> проще использовать <i> или <em>. Так и у некоторых остальных есть свои популярные альтернативы.

      Ну, это кому как.

      А тег <label> вполне популярен, с чего бы он редкий?

      Многие например до сих пор для форм делают заголовки при помощи p, h и тд

      P.s. Чето акисмет тебя никак не полюбит, в спам закидывает )

  • <optgroup> до определенного времени не поддерживался Оперой. А так, задача этого тега достаточно узка, поэтому он редко используется.
    <cite> обычно используется для подсветки заголовков книг и прочего, именно для цитат лучше использовать тег <q>
    acronym начиная с пятой версии HTML не используется. Взамен него предлагается применять <abbr>
    <fieldset> является часто применяемым тегом
    самым важным в этом списке считаю тег <rel> к примеру именно он позволяет переходить на следующую страницу с помощью боковых кнопок мыши, что очень удобно, но мало где используется. Работает в поиске гугла это точно.

  • Jaik, про такие возможности rel не знал, сенкс за инфу

  • Там еще много тегов. Например, var (переменная, наклонный шрифт).  Вообще, их для красоты кода и краткости можно юзать как угодно (стили нужные прописать в CSS, и вот тебе новый элемент).

    • можно, только тест на валидность не пройдешь

  • 2. <optgroup>
    ВО! Спасибо большое! Давно искал как организовать подгруппы!

  • Ну, тегом для цитаты — я даже не понимаю, зачем вообще им пользоваться)) А вот удивила аббревиатура. Знал про такой тег, но даже не догадывался, что им можно сделать расшифровку аббревиатуры при наведении.

  • Извиняюсь — я вписал тег цитаты в коммент, не думал, что он распознается, как тег))

  • Спс вот то что искал автору респект

css.php