• 1729
  • 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>

Можешь почитать и вот эту статейку "Модальное окно с фреймом"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

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

Облако тегов

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