10 tag HTML rari che dovresti sapere

Spesso ci si aspetta che gli sviluppatori Web conoscano e lavorino in più lingue. Di conseguenza, è complicato apprendere tutto ciò che una lingua ha da offrire ed è facile trovarsi senza utilizzare tutto il potenziale di alcuni tag più specializzati ma molto utili.

Sfortunatamente, non abbiamo sfruttato appieno il potenziale di questi tag HTML più oscuri. Ma non è mai troppo tardi per tornare in gioco e iniziare a scrivere codice che attinge il potere di alcuni tag sottoutilizzati.

Ecco dieci dei più sottovalutati e fraintesi tag in HTML. Anche se potrebbero essere meno familiari, sono comunque abbastanza utili in determinate situazioni.

1.

Tutti noi conosciamo il

tag, ma lo sapevi

Il fratellino ? ti consente di definire il testo all'interno dell'elemento come riferimento. In genere il browser renderà il testo all'interno del tag in corsivo, ma questo può essere modificato con un tocco di CSS.

Il il tag è davvero utile per citare riferimenti bibliografici e di altri siti. Ecco un esempio di come utilizzare il tag cite in un paragrafo:

Il rivoluzionario libro di organizzazione di David Allen Finire di fare le cose ha preso il web dalla tempesta.

2.

Il tag è un ottimo modo per aggiungere una piccola definizione tra gruppi di opzioni all'interno di una casella di selezione. Se avessi bisogno di raggruppare gli elenchi dei film in base al tempo, ad esempio, sarebbe simile a questo:

 Spettacoli   tornado Napoleon Dynamite Che dire di Bob?  Per cortesia riavvolgere il nastro Più strano della finzione 

Dimostrazione dal vivo:

Spettacoli

tornado Napoleon Dynamite Che dire di Bob?

Per cortesia riavvolgere il nastro Più strano della finzione

Ciò consente alla lista di selezione di separare visivamente gli elenchi dei film.

3.

Il tag è un modo per definire o spiegare ulteriormente un gruppo di parole. Quando si passa il mouse sopra il testo che ha il tag utilizzato, una casella viene visualizzata sotto con il testo dal tag del titolo. Per esempio:

 Il sito di microblogging  cinguettio ha recentemente faticato con i tempi morti.

Dimostrazione dal vivo:

SEO è pieno di inganno e magia.

4.

Il

il tag è un piccolo tag piuttosto oscuro, ma ciò non significa che non sia utile! Come il nome suggerisce,

ti consente di marcare semanticamente gli indirizzi in HTML. Il piccolo e grazioso tag codifica in corsivo tutti i dati all'interno delle parentesi, anche se lo stile può essere facilmente modificato tramite CSS semplice.

Glen Stansberry 1234 Web Dev Lane Anywhere, Stati Uniti 

5. e

Se desideri visualizzare le revisioni di modifica con markup, e sono solo il biglietto. Come suggerisce il nome, evidenzia ciò che è stato aggiunto al documento con una sottolineatura, e mostra ciò che è stato portato fuori con una barratura.

 John piace GLI AMORI il suo nuovo iPod.

Dimostrazione dal vivo:

John piace il suo nuovo iPod.

6.

Gli elementi del modulo sembrano i più facili da dimenticare quando si marca un documento. Tra gli elementi del modulo, uno dei più dimenticati è il etichetta. Non è solo un modo rapido per annotare il testo dell'etichetta, il il tag può anche passare un attributo "for" per specificare a quale elemento deve essere assegnata l'etichetta. Non solo sono questi tag grandi per lo styling, ti permettono anche di rendere la didascalia cliccabile per l'elemento associato.

 Nome utente 

7.

Fieldset è un piccolo attributo elegante che puoi aggiungere ai tuoi moduli per raggruppare logicamente gli elementi del modulo. Una volta applicato il

tag disegna una casella attorno agli elementi all'interno del fieldset. Punti bonus per l'aggiunta di a tag all'interno del fieldset per definire il titolo del gruppo.

 
 
Sei più intelligente di un quinto selezionatore?
 sì  No  
 

Dimostrazione dal vivo:

8.

Il il tag è molto simile al tag, tranne il il tag è usato solo per definire parole abbreviate. Proprio come , tu definisci un titolo all'interno del tag. Quando un visitatore sorvola il testo abbreviato, la definizione completa appare sotto. Il il tag è usato raramente, ma i vantaggi sono molti per lettori di schermo, correttori ortografici e motori di ricerca.

 sgt. Pepper's Lonely Hearts Club è il mio album preferito.

Dimostrazione dal vivo:

sgt. Pepper's Lonely Hearts Club è il mio album preferito.

9. rel

Rel può essere un follemente utile attributo, poiché a qualsiasi elemento HTML può essere applicato un relatore. È utile per passare variabili extra che non sono altrimenti specificate. Questo è utile quando si utilizza Javascript con il tuo HTML. Se disponi di un link che desideri modificare in linea, puoi aggiungere:

 Questo link è modificabile

Il Javascript potrebbe essere alla ricerca di un link con l'attributo rel "cliccabile", e sa applicare alcuni Ajax e permettere che sia modificato in linea. Questa è una delle molte tecniche che puoi usare con l'attributo rel, poiché le possibilità sono infinite.

10.

Il il tag è un tag incredibilmente oscuro. Per essere onesti, dubito che molti di voi siano entrati in contatto con il tag, in quanto non viene quasi mai utilizzato. (Sinceramente, non avevo visto il tag prima di iniziare la ricerca di questo articolo.) Essenzialmente, il tag ti consente di specificare un luogo in cui ritieni che un'interruzione di riga possa essere utile, ma solo se necessario. Questo tag è unico in quanto si basa sulla discrezione del browser per inserire il linebreak, se necessario. È perfetto per creare layout che si desidera evitare di avere barre di scorrimento orizzontali.

Se volevi ottenere lo stesso effetto ma senza usare il tag, potresti anche provare o -. Va notato che nessuno di questi tag ha il pieno supporto su tutti i browser. Per vedere quali browser supportano i tag consulta questo articolo di Quirksmode.

 Come si dice Supercalifragilisticexpialidocious?

Codice