10 HTML-элементов, о которых вы, возможно, не знали

  • 15 октября, 05:03
  • 4524
  • 0

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

Аудио

Тэг <audio> определяет звук, такие как музыка или другие аудио потоки. В настоящее время поддерживаются три формата файлов: MP3, WAV и OGG.

аудио

Цитата

Тег  <blockquote> определяет раздел , который процитированный из другого источника.

цитата

Выход

Тег <output> представляет собой результат вычисления. Вы можете использовать знак плюса и символ равенства, чтобы указать, что первое и второе входные значения должны быть «выведены» в выходной тег; вы можете обозначить это с помощью forатрибута, содержащего идентификаторы двух элементов, которые необходимо объединить.

выход

Рисунок

Тег  <picture>позволяет указать источники изображения. Вместо изображения, которое вы масштабируете вверх и вниз в зависимости от ширины области просмотра, можно создать несколько изображений для заполнения области просмотра браузера.

Тег изображения содержит два разных тега: один или несколько <source>элементов и один <image>элемент.

Исходный элемент имеет следующие атрибуты:

  1. srcset (обязательно): определяет URL-адрес изображения для отображения.
  2. media: Принимает любой допустимый медиа-запрос, который вы можете определить в CSS.
  3. sizes: Определяет одно значение ширины, один медиа-запрос со значением ширины или список медиа-запросов, разделенных запятыми, со значением ширины.
  4. type: Определяет тип MIME.

Браузер использует значения атрибутов для загрузки наиболее подходящего изображения; он использует первый <source>элемент с совпадающим совпадением и игнорирует последующие исходные элементы.

Тег   <img>используется для обеспечения обратной совместимости , если браузер не поддерживает элемент или , если ни один из <source>тегов не совпадают.

рисунок

Прогресс

Тег <progress>представляет ход выполнения задачи.

Тег <progress> не является заменой для <meter>тега, таким образом , компоненты , указывающих на использование дискового пространства или запрос результат уместность следует использовать <meter>тег.

прогресс

Метр

Тэг <meter> определяет скалярное измерение в пределах определенного диапазона, или дробное значение. Вы также можете ссылаться на этот тег под названием «gauge».

Вы можете использовать <meter>тег для отображения статистики использования диска или для указания релевантности результатов поиска.

Тег <meter> не должен использоваться для указания хода выполнения задачи; эти типы компонентов должны определяться <progress>элементом.

метр

Шаблон

Тег <template> содержит контент , который скрыт от пользователя, но будет использоваться для создания экземпляра HTML кода повторно.

шаблон

Используя JavaScript, вы можете визуализировать это содержимое с помощью cloneNode()метода.

шаблон

Время

Тэг<time> определяет удобочитаемую дату или время. Это можно использовать для кодирования даты и времени машиночитаемым способом, чтобы пользовательские агенты могли добавлять напоминания о днях рождения или запланированные события в календарь пользователя. Кроме того, это позволяет поисковым системам выдавать «более умные» результаты поиска.

время

Видео

Тег<video> указывает клип или видеопоток. Поддерживаемые форматы включают MP4, WebM и Ogg.

видео

Возможность разрыва слова

Если у вас есть длинный блок текста или длинное слово, можете использовать <wbr>тег, чтобы указать, где в основной части текста лучше всего разбить. Это один из способов убедиться, что браузер при изменении размера не разбивает ваш текст в неподходящем месте.

wbr




Теги: html
0 комментариев
Сортировка:
Добавить комментарий

IT Новости

Смотреть все