2911
- 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>
Можешь почитать и вот эту статейку "Показываем раскладку в поле ввода пароля"
Это тоже интересно
21.02.14Теги <mark>- 21.02.14Теги menu
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
