HTML5 атрибути

Съдържание
Има атрибути, които могат да бъдат приложени само към определен елемент, но вместо това някои могат да бъдат приложени към един или повече елементи.
В следващия пример ще видим прилагането на атрибут към елемента

Този елемент ни позволява да създадем хипервръзка, когато щракнем върху него, важно е да споменем, че атрибутите могат да се добавят само в началото на етикетите и трябва да имат име и съответната му стойност.
Освен това можем да добавим множество атрибути към нашите елементи, това правим, като ги разделим с просто интервал:
харесвам клас= "връзка" href= "/ ябълки.html" отивам= "firstlink"> ябълки и портокали.
Булеви атрибути
Някои атрибути са булеви, към тях няма нужда да посочвате стойност, тя се добавя само към елемента и ще изпълнява своята функционалност, например:
Въведете вашето име:
Тук използваме атрибута хора с увреждания във входния елемент, който предоставя на потребителя средствата за въвеждане на информация, добавяйки атрибута хора с увреждания ние предотвратяваме потребителя да въвежда каквато и да е информация с помощта на клавиатурата или да се копира в клипборда.
Персонализирани атрибути
Можем да дефинираме персонализирани атрибути, стига името, което използваме, да има префикса на данните:
Въведете вашето име:
Правилното име за тези атрибути са атрибути, дефинирани от автора и чрез добавяне на префикса към него, ние постигаме, че браузърите го интерпретират без никакъв проблем и без никакъв конфликт с друг персонализиран атрибут, създаден по -рано.
Глобални атрибути на HTML5
Има втора категория атрибути, те конфигурират поведението, което е общо за всички елементи, нека да видим какви са те:
  • 1. Ключ за достъп
Този атрибут ни позволява да посочим една или повече клавишни комбинации, които ще изберат елемента, към който се прилага на страницата.
 Примерно име:

Парола:


Тук можем да видим, че входното име ще бъде достъпно с клавиша 'n', passwor с 'p' и Login с 's'.

  • 2. Клас
Атрибутът class се използва за класифициране или категоризиране на елементи, обикновено правим това, за да можем да намерим елементи в документа, които принадлежат към дадения клас, и да можем да приложим CSS стил към него.
 Пример за уебсайт на Apress

W3C уеб сайт


Можем да приложим множество класове към всеки елемент, разделяйки класовете с интервал, имената, които присвояваме на класовете, са произволни, но моята препоръка е да поставим имена, които имат някакво значение в контекста, върху който работим.

  • 3. Съдържащ се
Този атрибут ни позволява да променяме съдържанието на страницата без нужда от формуляр или допълнително програмиране.
 Пример 

В момента вали


Приложихме атрибута към елемент

задаване на стойността на атрибута на „true“, което позволява на потребителя да променя съдържанието на този параграф. Когато потребителят кликне върху елемента, той може да започне да го променя.

В следващия урок ще видим останалите атрибути, които се използват в нашия HTML документ и които ще ни позволят да конфигурираме нашите елементи по начина, по който искаме и адаптирани към нашите нужди.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave