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

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

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

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


  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 из пометить и отобразить их вместе с названиями книг в указанном месте на странице.
Вариант использования для тега данных HTML2.

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

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

Нажав на текст

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *