7 HTML5 функций, которые вы можете не знать
Чтобы проверить, какие браузеры поддерживают эти и следующие возможности посетите caniuse.com.
HTML5 autofocus атрибут
Атрибут автофокус позволяет вам автоматически сфокусироваться на вход, кнопке или текстовом поле, как только страница загружена.
Раньше у меня была нобходимость использовать javascript для реализации таких решений.
Автофокус является отличным способом, чтобы обеспечить хороший пользовательский интерфейс.
HTML5 download атрибут
Атрибут HTML5 загрузки позволяет разработчикам, чтобы скачать файл сразу, а не переходить к конкретной странице.
В HREF вы добавляете местоположение файла, который вы хотите скачать.
И в download указать имя файла, который будет вызван, поэтому в приведенном ниже примере имя загружаемого файла должно было бы назвыться "MyPDFReport.pdf".
HTML5 превентивная выборка
Предварительная выборка позволяет браузеру загрузить другую страницу в фоновом режиме.
rel="prefetch" сообщает, что превентивная выборка и кэширование указанного ресурса, вероятно, будет полезна и скорее всего пользователю понадобится этот ресурс.
Вот код для этого.
HTML5 hidden элемент
Скрытый атрибут работает подобным образом Css {display:none} cкрывает элемент.
Она может быть описана как:
"Скрытый атрибут может также использоваться, чтобы пользователь не смог увидеть элемент, пока некоторые другие условия не были выполнены (например, выбрать флажок, и т.д.).
Тогда, javascript может удалить скрытый атрибут, и сделать элемент видимым ".
HTML5 проверка орфографии
Атрибут проверка орфографии работает на любом входе (кроме пароля), текстовой и редактируемые дивы.
Он определяет, должен ли браузер проверять орфографию текста, который он содержит.
HTML5 dataList тег
Это миленькое долгожданное дополнение к нашим инструментариям веб-разработки.
Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса.
<form action="form.php" method="get">
<input list="mylist" name="mylist">
<datalist id="mylist">
<option value="CSS">
<option value="HTML">
<option value="PHP">
<option value="Jquery">
<option value="Wordpress">
</datalist>
<input type="submit" />
</form>
HTML5 output тег
Выходной элемент действует как поле ввода исключением того, что не принимает никаких входных данных.
Это хорошо для приложений, таких как калькулятор, где выходной элемент будет использоваться на сумму результата вычислений.
Это будет удобно для любого вида ипотечного калькулятора, погашение кредитов, налоговых ставок или рассрочек.
Определяет область в которую выводится информация, преимущественно с помощью скриптов.
Вот как мы определяем:
HTML5 autofocus атрибут
Атрибут автофокус позволяет вам автоматически сфокусироваться на вход, кнопке или текстовом поле, как только страница загружена.
Раньше у меня была нобходимость использовать javascript для реализации таких решений.
Автофокус является отличным способом, чтобы обеспечить хороший пользовательский интерфейс.
Код
<input autofocus="autofocus">
HTML5 download атрибут
Атрибут HTML5 загрузки позволяет разработчикам, чтобы скачать файл сразу, а не переходить к конкретной странице.
В HREF вы добавляете местоположение файла, который вы хотите скачать.
И в download указать имя файла, который будет вызван, поэтому в приведенном ниже примере имя загружаемого файла должно было бы назвыться "MyPDFReport.pdf".
Код
<a href="my.pdf" download="MyPDFReport"> Скачать PDF </ a>
HTML5 превентивная выборка
Предварительная выборка позволяет браузеру загрузить другую страницу в фоновом режиме.
rel="prefetch" сообщает, что превентивная выборка и кэширование указанного ресурса, вероятно, будет полезна и скорее всего пользователю понадобится этот ресурс.
Вот код для этого.
Код
<link rel="prefetch" href="/blog/page/2/">
HTML5 hidden элемент
Скрытый атрибут работает подобным образом Css {display:none} cкрывает элемент.
Она может быть описана как:
"Скрытый атрибут может также использоваться, чтобы пользователь не смог увидеть элемент, пока некоторые другие условия не были выполнены (например, выбрать флажок, и т.д.).
Тогда, javascript может удалить скрытый атрибут, и сделать элемент видимым ".
Код
<div hidden="hidden"> </div>
HTML5 проверка орфографии
Атрибут проверка орфографии работает на любом входе (кроме пароля), текстовой и редактируемые дивы.
Он определяет, должен ли браузер проверять орфографию текста, который он содержит.
Код
<input type="text" spellcheck="true|false">
HTML5 dataList тег
Это миленькое долгожданное дополнение к нашим инструментариям веб-разработки.
Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса.
Код
<form action="form.php" method="get">
<input list="mylist" name="mylist">
<datalist id="mylist">
<option value="CSS">
<option value="HTML">
<option value="PHP">
<option value="Jquery">
<option value="Wordpress">
</datalist>
<input type="submit" />
</form>
HTML5 output тег
Выходной элемент действует как поле ввода исключением того, что не принимает никаких входных данных.
Это хорошо для приложений, таких как калькулятор, где выходной элемент будет использоваться на сумму результата вычислений.
Это будет удобно для любого вида ипотечного калькулятора, погашение кредитов, налоговых ставок или рассрочек.
Определяет область в которую выводится информация, преимущественно с помощью скриптов.
Вот как мы определяем:
Код
<output name="output"> </output >
-
FalleN -
2130 -
1 -
0
Но только нужно ставить наверное на те модули которые обновляться должны не раньше через пару тройку минут
С Уважением, Андрей...