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

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

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

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

----