Хаки и Скрипты Next Generation CMS

теги и атрибуты HTML5

irbees2008 irbees2008 Опубликовано - 30 - мая HTML5
2568 - 0
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: Справочник

теги и атрибуты HTML5

Автофокус полей формы
Атрибут autofocus позволит вам установить фокус на любой элемент формы (в том числе кнопку).

Код:
<input type="text" autofocus="autofocus" />

Замещающий текст поля
Это тот самый (серенький) текст который находится к примеру в поле поиска и призывает ввести искомое слово и нажать Enter. В HTML5 замещающий текст реализуется вот-так:

Код:
<input type="search" placeholder="Поиск на сайте" />

Скрытые элементы с помощью HTML5
В HTML5 введен атрибут hidden, который позволяет скрыть определенный элемент, на подобии того как это применяется в CSS с использованием dispaly: none

Код:
<p hidden>Здесь находится текст, который скрыт с помощью HTML5!</p>

HTML5 prefetching — предварительная загрузка
С помощью этого механизма можно заранее кэшировать указанный ресурс (картинку, страницу или файл), например сразу подгрузить стили которые будут использованы на сайте:

Код:
<link rel="prefetch" href="style_dark.css">

HTML5
Код:
<details>
и
Код:
<summary>
теги
C помощью этих тегов пользователь может манипулировать отображением (раскрывать и скрывать снова), какой либо дополнительной информации.

Код:
<details>
<summary>Заголовок 1</summary>
<p>Pellentesque habitant morbi tristique senectus et netus ....</p>
</details>
<details>
<summary>Заголовок 2</summary>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada ...</p>
</details>

Атрибут download
В HTML5 появился новый атрибут для ссылок. Теперь чтобы указать браузеру, что ссылку надо загружать, а не открывать достаточно использовать данный атрибут.

Код:
<!-- имя в диалоге будет muzika.mp3-->
<a href="sound.mp3" download="muzika">Скачать песню</a>

Можешь почитать и вот эту статейку "Красивая галерея в стиле полароид"

Опрос

Ваше мнение

TWIG -что это?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [15]
  • Гости: [15]
  • Были сегодня : [3] Яндекс, Google, Яндекс
  • SQL запросов: 29
  • Генерация страницы: 0.376сек
  • Потребление памяти: 5.337 Mb 
  •   Яндекс.Метрика