Attributi HTML5

Ci sono attributi che possono essere applicati solo a un elemento specifico ma invece alcuni possono essere applicati a uno o più elementi.
Nell'esempio seguente vedremo l'applicazione di un attributo all'elemento

Questo elemento ci consente di creare un collegamento ipertestuale quando clicchiamo su di esso, è importante ricordare che gli attributi possono essere aggiunti solo all'inizio delle etichette e devono avere un nome e il suo valore corrispondente.
Inoltre possiamo aggiungere più attributi ai nostri elementi, lo facciamo separandoli con un semplice spazio:
mi piace classe= "collegamento" href= "/ mele.html" andare= "firstlink"> mele e arance.
Attributi booleani
Alcuni attributi sono booleani, per questi non è necessario specificare un valore, viene solo aggiunto all'elemento e svolgerà la sua funzionalità, ad esempio:
Inserisci il tuo nome:
Qui stiamo usando l'attributo Disabilitato nell'elemento di input che fornisce all'utente i mezzi per inserire le informazioni, aggiungendo l'attributo Disabilitato impediamo all'utente di inserire qualsiasi informazione utilizzando la tastiera o copiandola negli appunti.
Attributi personalizzati
Possiamo definire attributi personalizzati purché il nome che usiamo abbia il prefisso data:
Inserisci il tuo nome:
Il nome corretto per questi attributi è attributi definiti dall'autore e aggiungendo il prefisso dei dati ad esso, otteniamo che i browser lo interpretino senza alcun problema e senza alcun conflitto con qualsiasi altro attributo personalizzato creato in precedenza.
Attributi globali HTML5
Esiste una seconda categoria di attributi, questi configurano il comportamento comune a tutti gli elementi, vediamo quali sono:

• 1. Chiave di accesso

Questo attributo ci consente di specificare una o più scorciatoie da tastiera che selezioneranno l'elemento a cui è applicato nella pagina.

 Nome esempio:
Parola d'ordine:

Qui possiamo vedere che si accederà all'input Nome con il tasto 'n', password con 'p' e Login con 's'.

• 2. Classe

L'attributo class viene utilizzato per classificare o categorizzare gli elementi, di solito lo facciamo in modo da poter individuare nel documento gli elementi che appartengono a una data classe ed essere in grado di applicare uno stile CSS ad essa.

 Esempio di sito web Apress
Sito web W3C 

Possiamo applicare più classi a ciascun elemento separando le classi con uno spazio, i nomi che assegniamo alle classi sono arbitrari ma il mio consiglio è di inserire nomi che abbiano un significato nel contesto su cui stiamo lavorando.

• 3. Contenteditable

Questo attributo ci consente di modificare il contenuto della pagina senza la necessità di un modulo o di alcuna programmazione aggiuntiva.

 Esempio 
Sta piovendo in questo momento

Abbiamo applicato l'attributo a un elemento

l'impostazione del valore dell'attributo su "true" consente all'utente di modificare il contenuto di quel paragrafo. Quando l'utente fa clic sull'elemento, può iniziare a modificarlo.

Nel prossimo tutorial vedremo il resto degli attributi che vengono utilizzati nel nostro documento HTML e che ci consentiranno di configurare i nostri elementi nel modo desiderato e adattato alle nostre esigenze.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo