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, який ви хочете контролювати і для
атрибут приналежності тег.
Натиснувши текст волі викликати
натисніть
подія і показувати дане попередження.
3.
Цей елемент є в основному використовується для східно-азіатських мов, однак це isn”t його єдиний випадок використання. Мета це просто додавати анотації або вимову для текстів, і ви можете зробити це тільки з англійським змістом.
Елемент містить два основні під-елементи, а саме
і . The
тег містить текст, який потрібно анотувати (називається бази текст) і містить анотацію.
Називається людина, яка створює бізнес або підприємства, приймаючи на себе фінансові ризики в надії на прибуток
підприємця ; промоутер в індустрії розваг.
Вимова слова “підприємця” додано слово за допомогою елемент всередині абзацу. Саме слово загорнуто в
і вимова в .
Це виглядає так:
4.
The
елемент для впорядкованих списків це ще один елемент, з яким ви можете бути знайомі. Він створює список, який має пронумеровані елементи, на відміну від невпорядкованого списку, створеного за допомогою
.
Ви могли знати про замовлення, але чи знаєте ви це замовлення можна скасувати? Замість збільшення порядку, зменшення нумерації також може виконуватися
, за допомогою назад
атрибут.
- Scrabble
- Маджонг
- Монополія
- Шахи
- Jenga
The назад
атрибут змінює нумерацію, в той час як тип
атрибут визначає тип нумерації. Капітал I означає римську нумерацію.
Так виглядає на екрані:
5.
The елемент призначений для оберніть термін, який визначається його оточуючим текстом. Текст укладений
тег стилізовані браузерами курсивом, це означає, що цей термін визначається.
Ви можете додати визначення терміна всередині у вартості його
назва
атрибут, який корисний для визначати слова, які не обов'язково визначаються їхнім оточуючим текстом.
The елемент працює аналогічно
який відображає значення абревіатури, наведене в його
назва
атрибут, коли користувач зависає над елементом.
Є дихотомія між конструкцією і прототипом.
Це її Стиль браузера за замовчуванням, однак на виробничому сайті можна використовувати інший стиль:
Взявши курсор на певне слово, сторінка буде показати визначення, додане в назва
атрибут.