3 фишки HTML о которых вы могли не знать

Их редко используют, не все про них знают. Подробнее читайте далее.

HTML – атрибут hidden

Очень часто для скрытия контента мы пишем display: none, или opacity: 0, или overflow:hidden. А вы знали что есть стандартный атрибут который позволит скрыть блок?

div hidden="true"

Атрибут hidden скрывает содержимое элемента от просмотра но оставляет возможность получать данные с помощью сценариев. Иногда встречаются варианты hidden=”hidden”. В документации встречался пример hidden=”false” – но в FireFox он всё равно скрыт, поэтому учитывайте это. Хотя, для тех кто использует jQuery, этот вариант всё таки не сильно удобный.

HTML – тег abbr

abbr – тег для текста, который является аббревиатурой.

HTML 5

Как правило в браузере он подчеркивается пунктирной линией, и курсор меняется на стрелочку с вопросом. Элемент является инлайновым, а не блочным. Добавить класс или стили, как вы понимаете, не проблема :).

HTML – тег details, который показывает скрытый блок

Работает абсолютно без скриптов. Посмотрите сами (нужно нажать на название):

Нажми на меня

В новому году у нас появится огромное количество статей

  • Понимание структуры HTML документа
  • Когда использовать hgroup
  • Машинная семантика микроданных

При помощи details и summary вы сможете создать раскрывающий виджет без использования CSS и JS! Для того, чтобы список отображался в развернутом состоянии необходимо добавить атрибут open.

автор: Dmitriy

З 2011 року займаюся веб-розробкою. Зараз я – PHP Full Stack Developer.
Обговорити ваш проект, а також дізнатися більше про мене ви можете на цьому сайті:
dev.forwww.com

Email: dmitriyribka@gmail.com

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *