8 шокирующих советов по HTML, о которых вы наверняка не знаете

Здесь собраны советы по HTML, которые я узнал и которые определенно взорвут ваш мозг!

1. Атрибут Capture для открытия камеры вашего устройства

Подобно тому, как тег input имеет атрибуты для электронной почты, текста и пароля, существует также атрибут для открытия камеры мобильных устройств для захвата изображений.

Это делается с помощью атрибута capture, который может принимать два значения:

  • user для фронтальной камеры
  • окружение для задней камеры.
<input type="file" capture="user" accept="image/*">
Вход в полноэкранный режим Выйти из полноэкранного режима

2. Автоматическое обновление веб-сайта

Вы можете настроить обновление вашего сайта через заданное время из тега head!

<head>
    <meta http-equiv="refresh" content="10">
</head>
Войти в полноэкранный режим Выйти из полноэкранного режима

Этот сниппет обновляет сайт каждые 10 секунд

3. Активируйте проверку орфографии

Вы можете использовать атрибут HTML spellcheck и установить его в true, чтобы активировать его. Укажите язык, который будет использоваться, используя атрибут lang.

<input type="text" spellcheck="true" lang="en">
Вход в полноэкранный режим Выйти из полноэкранного режима

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

Интересно, использует ли dev.to этот атрибут в своем редакторе create post… 😄

4. Укажите тип загружаемого файла

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

<input type="file" accept=".jpeg,.png">
Вход в полноэкранный режим Выйти из полноэкранного режима

5. Предотвращение перевода

Установка атрибута translate в значение no предотвращает перевод. Это важно в том случае, если вы не хотите, чтобы фраза или слово были переведены, например, ваш логотип, название компании или торговой марки.

<p translate="no">Brand name</p>
Войти в полноэкранный режим Выход из полноэкранного режима

6. Ввод нескольких элементов в тег ввода

Это можно сделать с помощью атрибута multiple.

<input type="file" multiple>
Войти в полноэкранный режим Выйти из полноэкранного режима

Это работает как для файлов, так и для электронных писем. Для электронных писем разделяйте каждое письмо запятой.

7. Создание постера (миниатюры) для ваших видеороликов

С помощью атрибута poster вы можете создать изображение, которое будет отображаться во время загрузки видео или пока пользователь не нажмет кнопку воспроизведения.

Если атрибут не включен, вместо него будет использоваться первый кадр видео.

<video poster="picture.png"></video>
Вход в полноэкранный режим Выход из полноэкранного режима

8. Автоматическая загрузка по щелчку на ссылке

Если вы хотите, чтобы определенный ресурс загружался при нажатии на ссылку на целевой ресурс, добавьте атрибут download.

<a href="image.png" download>
Вход в полноэкранный режим Выйти из полноэкранного режима

Вот и все. Я обязательно расскажу больше, как только узнаю больше 😄.

Комментируйте ниже, какие из них были новыми для вас

Оцените статью
Procodings.ru
Добавить комментарий