Atrybuty HTML5

Istnieją atrybuty, które można zastosować tylko do określonego elementu, ale niektóre można zastosować do jednego lub więcej elementów.
W poniższym przykładzie zobaczymy zastosowanie atrybutu do elementu

Ten element pozwala nam stworzyć hiperłącze po kliknięciu na niego, należy wspomnieć, że atrybuty można dodać tylko na początku etykiet i muszą mieć nazwę i odpowiadającą jej wartość.
Dodatkowo możemy dodać wiele atrybutów do naszych elementów, co robimy, oddzielając je prostą spacją:
podoba mi się klasa= "link" href= "/ jabłka.html" iść= "firstlink"> jabłka i pomarańcze.
Atrybuty logiczne
Niektóre atrybuty są logiczne, do tych nie ma potrzeby określania wartości, jest ona tylko dodawana do elementu i będzie realizowała swoją funkcjonalność, na przykład:
Wpisz swoje imię:
Tutaj używamy atrybutu niepełnosprawny w elemencie input, który zapewnia użytkownikowi możliwość wprowadzenia informacji, dodając atrybut niepełnosprawny uniemożliwiamy użytkownikowi wprowadzanie jakichkolwiek informacji za pomocą klawiatury lub kopiowanie do schowka.
Atrybuty niestandardowe
Możemy zdefiniować atrybuty niestandardowe, o ile nazwa, której używamy, ma przedrostek data-:
Wpisz swoje imię:
Prawidłowa nazwa tych atrybutów to atrybuty zdefiniowane przez autora i dodając do nich prefiks danych, uzyskujemy to, że przeglądarki interpretują go bez problemu i bez konfliktu z jakimkolwiek innym niestandardowym atrybutem utworzonym wcześniej.
Globalne atrybuty HTML5
Istnieje druga kategoria atrybutów, które konfigurują zachowanie wspólne dla wszystkich elementów, zobaczmy, czym one są:

• 1. Klucz dostępu

Ten atrybut pozwala nam określić co najmniej jeden skrót klawiaturowy, który wybierze element, do którego zostanie zastosowany na stronie.

 Przykładowa nazwa:
Hasło:

Tutaj widzimy, że wejście Nazwa będzie dostępne za pomocą klawisza 'n', hasło za pomocą 'p' i Zaloguj się za pomocą 's'.

• 2. Klasa

Atrybut class służy do klasyfikowania lub kategoryzowania elementów, zwykle robimy to po to, abyśmy mogli zlokalizować w dokumencie elementy należące do danej klasy i móc zastosować do nich styl CSS.

 Przykładowa strona internetowa Apress
Strona internetowa W3C 

Możemy zastosować wiele klas do każdego elementu oddzielającego klasy spacją, nazwy, które przypisujemy klasom są dowolne, ale moim zaleceniem jest umieszczanie nazw, które mają jakieś znaczenie w kontekście, nad którym pracujemy.

• 3. Treść edytowalna

Atrybut ten pozwala nam zmieniać zawartość strony bez potrzeby stosowania formularza lub dodatkowego programowania.

 Przykład 
Teraz pada deszcz

Zaaplikowaliśmy atrybut do elementu

ustawienie wartości atrybutu na „true” umożliwiające użytkownikowi modyfikację treści tego akapitu. Gdy użytkownik kliknie element, może zacząć go modyfikować.

W następnym samouczku zobaczymy resztę atrybutów, które są używane w naszym dokumencie HTML i które pozwolą nam skonfigurować nasze elementy tak, jak chcemy i dostosować do naszych potrzeb.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt