5 elementi HTML che potresti non sapere come usare

Familiare ancora sconosciuto, o completamente nuovo, succede a noi perdere parti della sintassi HTML questo potrebbe rivelarsi una conoscenza importante che possiamo messo a buon uso. Ecco perché se è il nuove funzionalità di HTML o le sue applicazioni meno conosciute che non sono ancora entrati nel tuo radar, li copriamo abbastanza spesso su questo sito.

Nel post di oggi, esamineremo cinque elementi HTML, alcuni dei quali potrebbero essere usati frequentemente, ma probabilmente non al suo pieno potenziale.

1.

Il elemento ha una funzione simile a dati-* attributi. Può essere usato per fornire dati leggibili dalla macchina per un contenuto user-friendly. Il valore l'attributo di questo elemento contiene le informazioni aggiunte.

 
I tre volumi del romanzo del Signore degli Anelli sono: Compagnia dell'Anello, Le due torri, e Il ritorno del re.
 
ISBN dei libri menzionati in questa pagina: 
 

Nel precedente HTML, il ISBN di ogni libro è aggiunto nel valore attributo del elemento che racchiude il titolo del libro. Sul mercato del libro, il codice ISBN viene utilizzato per identificare univocamente un libro.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

Per mostrare approssimativamente come estrarre il valori in JavaScript, lo script sopra estrae gli ISBN dal etichetta e li visualizza, insieme ai titoli dei libri, in un punto designato nella pagina.

2.

Molto probabilmente hai già familiarità con il elemento, tuttavia è non solo per le checkbox. Può controlla altro labellable elementi pure, eseguendo le loro azioni proprio come esegue le azioni delle caselle di controllo.

Devi solo usa lo stesso valore per il id attributo dell'elemento HTML che si desidera controllare e il per attributo dell'appartenenza etichetta.

  Cliccando su questo testo clicca sul pulsante qui sotto.   METTERE IN GUARDIA  

Cliccando il testo di volontà innescare il clic evento di e mostra il messaggio di avviso dato.

3.

Questo elemento è utilizzato principalmente per le lingue dell'Asia orientale, tuttavia questo non è”è il suo unico caso d'uso. Lo scopo di è semplicemente quello di aggiungere annotazioni o pronuncia per i testi, e puoi farlo anche con contenuti in inglese.

L'elemento racchiude due sotto-elementi principali, cioè e . Il tag contiene il testo che vuoi annotare (chiamato il base testo) e tiene l'annotazione stessa.

 
Viene chiamata una persona che crea un'attività o un'attività commerciale, assumendosi rischi finanziari nella speranza di profitto imprenditoreà ?? à  ?? ?? Â'ntrà ??  ?? prà ??  ?? à ?? à ?? nà ??  ?? à ??  ??; un promotore nel settore dell'intrattenimento.
 

La pronuncia di “imprenditore” la parola è stata aggiunta usando il elemento all'interno del paragrafo. La parola stessa è avvolta nel tag e la pronuncia in .

Ecco come appare l'output:

4.

Il

elemento per liste ordinate è un altro elemento con cui potresti avere familiarità. Crea una lista che ha elementi numerati, al contrario di una lista non ordinata creata con
.

Potresti aver saputo dell'ordine, ma lo sapevi l'ordine può essere invertito? Invece di un ordine crescente, numerazione decrementante può anche essere eseguito da

, usando il invertito attributo.

 
 
scarabeo
 
Mahjong
 
Monopolio
 
Scacchi
 
Jenga
 
 

Il invertito attributo inverte la numerazione, mentre il genere attributo determina il tipo di numerazione. La capitale I denota la numerazione romana del capitale.

Ecco come appare sullo schermo:



5.

Il elemento è destinato a avvolgere un termine definito dal testo circostante. Il testo racchiuso dal il tag è disegnato dai browser con il corsivo, significa che questo è il termine che viene definito.

È possibile aggiungere la definizione del termine all'interno nel valore del suo titolo attributo, che è utile a definire parole che non sono necessariamente definite dal loro testo circostante.

Il elemento funziona allo stesso modo di che mostra il significato di un'abbreviazione data nella sua titolo attributo quando l'utente passa sopra l'elemento.

 
C'è un  dicotomia  tra il design e il prototipo.
 

Questo è il suo stile del browser predefinito, tuttavia su un sito di produzione, potresti voler utilizzare uno stile diverso:



Prendendo il cursore sopra la parola definita, la pagina sarà mostra la definizione aggiunta nel titolo attributo.