Атрибутите предоставят допълнителна информация за HTML елементи, която може да служи както на потребителите на уебсайта ни така и на браузъра и други машини.
HTML Атрибути
- HTML елементите могат да имат aтрибути
- Атрибутите предоставят допълнителна информация за елемента
- Атрибутите винаги се задават в началния таг
- Атрибутите вървят в съчетание име/стойност, по следния начин: name=“value“
Пример за Атрибути
Един твърде често срещан атрибут е href атрибута. Например с <a> тага се дефинират HTML линковете. А самият адрес на линка се задава точно със href атрибута. Следващият пример показва нагледно точно как става това.
Атрибута src: HTML изображенията се дефинират с тага <img>. Името на файла на източника на изображение се посочва в атрибута src. Следващият пример показва това.
Стойностите на атрибутите винаги са оградени в кавички
Но могат и да не са оградени 🙂 .
При HTML5 ако имаме стойност на атрибут без, която не е оградена с кавички отново ще имаме напълно валиден документ.
Двойните кавички са по-използвани, но единичните са също позволени.
В някои редки случаи, когато искаме да използваме двойни кавички вътре в стойността на атрибута,
е необходимо да се използват единични кавички, например при: name=’John „ShotGun“ Nelson’
HTML Tip: Използвайте малки букви за атрибутите
Имената и стойностите на атрибутите не са чувствителни към малки и големи букви. Обаче World Wide Web Consortium (W3C) препоръчва използването на малки букви за имена на атрибутите и за техните стойности. Във версии на (X)HTML се изискват малки букви в атрибутите.
Атрибутите за ширината и височината
За изображенията в HTML съществува специален набор от атрибути за размера, които определят ширината и височината на изображението. Тези атрибути принципно може да се използват и за други HTML елементи, но е прието по-скоро да се употребява CSS.
Размерът на изображението се посочва в пиксели. Следният пример width=“500″ означава ширина от 500 пиксела. Ще научите повече за това в урока за HTML изображения.
Aтрибутa ( Alt )
Aтрибута alt определя алтернативен текст, който да бъде използван, когато не може да се изведе изображението. Стойността на атрибута може да бъде прочетена също и от екранните четци – e-reader(напр Kindle, nook и други подобни). По този начин някой, който „слуша“ уеб страницата, например незрящ човек, може да „чуе“ елемента.
Атрибутът alt е полезен и ако изображението не съществува. Какво се случва, ако се опитаме да покажем изображение, което не съществува вижте в следният пример.
Атрибута ( style )
Този атрибут се използва за определяне на стила на елемент, като цвят, , размер и т.н.
Ще научите повече за оформянето по-късно тук и в урока за CSS.
Атрибута ( lang )
Езикът на документа може да бъде деклариран в маркера <html>. Езикът се обявява с атрибута lang. Декларирането на език е важно за приложенията за достъпност (екранни четци) и още по-важно за търсачките:
Първите две букви уточняват езика (en). Ако има диалект, се добавят още две букви ( US ).
Атрибута ( title )
Тук атрибутът за заглавието се добавя към елемента <p>. Стойността на атрибута на заглавието ще се покаже като подсказка при поставяне на мишката върху абзаца. Може да видите нагледно действието на този атрибут в сайта w3schools.bg като задържите курсора на която и да е вътрешна връзка.
Препоръчваме използване на малки букви в изписването имената на атрибутите. Стандартът HTML5 не задължава да се изписват имената на атрибутите с малки букви. Атрибутът за заглавието може да бъде написан както с главни така и със малки букви. Например title или TITLE са практически едно и също. W3C препоръчва малки букви в HTML и изисква малки букви за по-строги типове документи като XHTML. В W3Schools.bg винаги използваме малки букви за имена на атрибутите.
По-долу е даден азбучен списък на някои атрибути, които често се използват в HTML:
| Атрибут | Описание |
| alt | указва алтернативен текст за дадено изображение при невъзможност за изобразяване |
| disabled | указва даден input елемент да бъде изключен |
| href | указва даденият URL (web address) за връзката |
| id | задава специфично id за даден елемент |
| src | указва даденият URL (web address) за изображение |
| style | указва междуредов CSS style за даден елемент |
| title | указва допълнителна информация за даден елемент (показва се като tool tip) |
Пълният списък с всички атрибути за всеки HTML елемент е посочен тук: Справочник на атрибутите на HTML.
Референция за HTML атрибутите
Пълен списък на всички атрибути за всеки HTML елемент: HTML Референция. По-долу е даден списък на някои атрибути, които могат да бъдат използвани за всеки един HTML елемент.
| Aтрибут | Описание |
|---|---|
| class | Задава едно или повече имена на класове за един елемент (отнася се за class в листата със стилове) |
| id | Задава уникално id за елемента |
| style | Задава вътрешно-редов CSS стил за елемента |
| title | Задава допълнителна информация за дадения елемент (показва се като подсказка(tool tip) |