2862
- 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
