5 элементов HTML, которые вы, вероятно, не знаете

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

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

Читайте также: 5 функций HTML, о которых вы могли не знать

1. 
   Элемент имеет функцию, аналогичную атрибутам data- *. Он может использоваться для предоставления машиночитаемых данных для удобного для пользователя контента. Атрибут value этого элемента содержит добавленную информацию.

Три тома романа «Властелин колец»:
Братство кольца,
Две башни, а также
Возвращение короля,

ISBN книг, упомянутых на этой странице:

В приведенном выше HTML ISBN каждой книги добавляется в атрибут значения элемент, который включает в себя название книги. На книжном рынке ISBN используется для уникальной идентификации книги.

const ISBNListBlank = document.querySelector (‘# ISBNListBlank’)
const dataElements = document.querySelectorAll (‘data’);
постоянный = [];
dataElements.forEach ((dataElement)
  => ary.push (dataElement.textContent + ‘:’ + dataElement.value))
ISBNListBlank.textContent = ary.join (‘,’)

Чтобы грубо показать вам, как извлечь значения в JavaScript, вышеприведенный скрипт извлекает номера ISBN из пометить и отобразить их вместе с названиями книг в указанном месте на странице.
2.
Скорее всего, вы уже знакомы с элемент, однако это не только для флажков. Это может контролировать другие labellable элементы, выполняя свои действия так же, как он выполняет действия флажков.

Вам нужно использовать только одно и то же значение для атрибута id элемента HTML, которым вы хотите управлять, и для атрибута for принадлежности тег.

При нажатии на этот текст нажимает кнопку ниже.

ALERT

Нажав на текст вызовет событие клика и показать данное сообщение с предупреждением.
3.
Этот элемент в основном используется для восточноазиатских языков, однако это не единственный вариант использования. Цель просто добавить аннотацию или произношение для текстов, и вы можете сделать это с английским контентом.

Элемент включает в себя два основных подэлемента, а именно

а также , тег содержит текст, который вы хотите аннотировать (называется база текст) и содержит саму аннотацию.

Человек, который создает бизнес или бизнес, принимая на себя финансовые
Риски в надежде на прибыль, называется
предпринимательà <Έ ‰ Â'ntrà ‰  ‰ ™ PRA  ™ à ;
промоутер в индустрии развлечений.

Произношение слова «предприниматель» добавляется с помощью элемент внутри абзаца. Само слово обернуто в тег и произношение в ,

Вот как выглядит результат:
4.

Элемент упорядоченных списков – еще один элемент, с которым вы, возможно, знакомы. Он создает список с пронумерованными элементами, в отличие от неупорядоченного списка, созданного с помощью
,

Возможно, вы знали о заказе, но знаете ли вы, что заказ может быть отменен? Вместо возрастающего порядка можно также уменьшить нумерацию

, используя обратный атрибут.
1. рыться
2. Маджонг
3. монопольный
4. шахматы
5. Jenga

Обратный атрибут изменяет нумерацию, а атрибут type определяет тип нумерации. Столица I обозначает прописную римскую нумерацию.

Вот как это выглядит на экране:
5.
Элемент предназначен для переноса термина, который определяется окружающим его текстом. Текст, заключенный в тег оформлен браузерами с курсивом, что означает определение этого термина.

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

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

Это

дихотомия

между дизайном и прототипом.

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

Читайте также: взгляд на правильную семантику HTML5

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)