Головна » Кодування » 5 елементів HTML, які ви не знаєте, як їх використовувати

    5 елементів HTML, які ви не знаєте, як їх використовувати

    Знайомий ще невідомий, або зовсім новий, буває, що ми пропустіть частини синтаксису HTML це може виявитися важливим знанням, яке ми можемо добре використовувати. Ось чому це нові можливості HTML або його менш відомих застосувань які ще не прийшли у ваш радар, ми часто на них охоплюємо.

    У сьогоднішньому повідомленні ми розглянемо п'ять елементів HTML, деякі з яких ви часто можете використовувати, але ймовірно, не в повному обсязі.

    1.

    The елемент має подібну функцію дані- * атрибути. Його можна використовувати забезпечують машиночитані дані для зручного вмісту. The значення Атрибут цього елемента несе додану інформацію.

     

    Три томи роману «Володар кілець»: Братство кільця, Дві вежі, і Повернення короля.

    ISBN книг, згаданих на цій сторінці:

    У наведеному вище HTML, ISBN кожної книги додано в значення атрибут елемент що містить назву книги. На книжковому ринку ISBN використовується для однозначної ідентифікації книги.

     const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

    Щоб грубо показати вам, як витягти значення у JavaScript, вказаний вище сценарій витягує ISBN з тег і відображає їх разом з назвами книг у визначеному місці на сторінці.

    2.

    Швидше за все, ви вже знайомі з елемент, однак це не тільки для прапорців. Це може контроль інших етикетці елементи також, виконуючи свої дії так само, як виконує дії прапорців.

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

       

    Натиснувши текст волі викликати натисніть подія