Атрибути є важливою частиною HTML-розмітки. Атрибути використовуються для того, щоб визначити характеристики відкривається тега. Всі атрибути складаються з двох частин, імені та значення:
- Ім'я - це атрибут, який Ви хочете встановити. Наприклад, тег має атрибут з ім'ям face. який Ви можете використовувати, щоб вказати який шрифт для тексту Ви хочете вибрати.
- Значення - це параметр, який буде мати обраний атрибут. Відповідно, атрибут face може мати значення, наприклад, Arial. тобто для тексту заданий шрифт Arial.
Значення атрибута повинно бути поміщене в подвійні лапки, і відділяється від атрибута знаком рівності. Наприклад, Ви можете побачити, що був визначений колір тексту, а також шрифт в тезі :
стандартні атрибути
Є чотири основних атрибуту, які можуть використовуватися в більшості HTML-тегах (хоча не у всіх):
Атрибут id
Атрибут id може використовуватися для того, щоб однозначно ідентифікувати будь-який елемент (тег) сторінки або таблиці стилів. Існують дві основні причини, за якими Ви, можливо, захочете використовувати атрибут id:
- Атрибут id - це унікальний ідентифікаційний номер, який можна визначити тільки до одного конкретного елементу.
- Якщо у вас є два або більше елемента з однаковими іменами, то Ви можете використовувати атрибут id, щоб розрізняти всі елементи, які мають однакові назви.
Ось приклад, коли атрибут id може використовуватися, щоб розрізняти два однакові елементи:
Цей параграф пояснює, що таке HTML
Цей параграф пояснює, що таке CSS
Зверніть увагу, що існують деякі особливі правила для значення атрибута id, він повинен:
- Починатися з букв (A-Z або a-z) і потім може слідувати будь-яку кількість букв, цифр (0-9), дефіси, підкреслення і двокрапки.
- Значення атрибута id не повинно повторюватися в HTML-документі.
Атрибут title
Атрибут title задає назву для елемента. Синтаксис атрибута title такий же, як в атрибута id. Він часто відображається замість елемента, якщо той не завантажується або при наведенні курсору мишки:
Тема HTML
У браузері даний код видасть наступний результат:
Тема HTML
Тепер спробуйте навести курсор миші на "Тема HTML" і подивіться на результат.
Атрибут class
Атрибут class використовується для того, щоб зв'язати елемент з таблицею стилів CSS і визначає клас елемента. Тобто цей атрибут виконує функції атрибута id, але для зв'язки з CSS. Ми дізнаємося про використання атрибута class побільше при вивченні CSS. Так що зараз ми поки-що можемо на ньому не зупинятися, але наведемо приклад:
Приклад застосування атрибута class
Атрибут style
Атрибут style дозволяє вказати правила CSS в межах елемента. наприклад:
Ваш текст тут
Атрибут style ми також вивчимо більш детально в розділі про CSS.
атрибути інтернаціоналізації
Існує три атрибута інтернаціоналізації, які доступні для більшості (хоча і не для всіх) елементів XHTML. Ось вони:
Атрибут dir
Атрибут dir дозволяє вказати браузеру, в якому напрямку має розміщуватися текст. Цей атрибут може приймати одне з двох значень, які Ви можете бачити в таблиці нижче:
Ось приклад, де текст читається справа наліво:
Цей текст читається справа наліво.
Примітка. коли dir використовується як атрибут тега , він визначає напрям тексту в межах всієї веб-сторінки. Коли ж атрибут dir використовується всередині іншого тега, він контролює напрямок тексту тільки в цьому тезі.
Атрибут lang
Атрибут lang дозволяє вказати основну мову, що використовується в документі, але цей атрибут зберігається в HTML тільки для зворотної сумісності з попередніми версіями HTML. Цей атрибут був замінений атрибутом xml: lang в нових документах XHTML.
Коли атрибут lang включений в тег , він задає мову, який використовуються в документі. При використанні всередині інших тегів, атрибут lang вказує мова, яка використовується в межах цього тега. В ідеалі, браузер буде використовувати lang щоб краще уявити текст для користувача. Наприклад, сторінка, на якій використовується англійська мова:
Атрибут xml: lang
Атрибут xml: lang замінює атрибут lang в XHTML. Значення атрибута xml: lang має бути використаним відповідно до стандарту ISO-639, в якому показаний список код країн і мов.
універсальні атрибути
Нижче наведено таблицю атрибутів, які можуть вільно використовуватися з багатьма HTML-тегами: