5 elementi HTML che potresti non sapere come usare

Familiarità ancora sconosciuta o completamente nuova, succede che perdiamo parti della sintassi HTML che potrebbe rivelarsi una conoscenza importante che possiamo mettere a frutto . Ecco perché se sono le nuove funzionalità di HTML o le sue applicazioni meno conosciute che non sono ancora entrate 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 massimo del suo potenziale .

1.

Il l'elemento ha una funzione simile agli attributi data-* . Può essere utilizzato per fornire dati leggibili dalla macchina per un contenuto user-friendly. L'attributo value 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 codice HTML precedente, il codice ISBN di ciascun libro viene aggiunto all'attributo value del file 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 precedente estrae i codici ISBN dal etichetta e li visualizza, insieme ai titoli dei libri, in un punto designato nella pagina.

Molto probabilmente hai già familiarità con l'elemento, tuttavia non è solo per le caselle di controllo . Può controllare anche altri elementi labellabili, eseguendo le loro azioni proprio come fa l'azione delle caselle di controllo.

È sufficiente utilizzare lo stesso valore per l'attributo id dell'elemento HTML che si desidera controllare e for attributo del tag di appartenenza.

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

Facendo clic sul testo di attiverà l'evento click di e mostrerà il messaggio di avviso dato.

3.

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

L'elemento racchiude due sotto-elementi principali, vale a dire e . Il tag contiene il testo che vuoi annotare (chiamato il testo base ) 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à ‰  ™ à <Ana ‰  ™ a <a  ; un promotore nel settore dell'intrattenimento.

La pronuncia della parola "imprenditore" viene aggiunta usando il elemento all'interno del paragrafo . La parola stessa è avvolta nel tag e la pronuncia in .

Ecco come appare l'output:

Il

l'elemento per gli elenchi ordinati è un altro elemento con cui potresti avere familiarità. Crea una lista con elementi numerati, a differenza di una lista non ordinata creata con
.

Potresti aver saputo dell'ordine, ma lo sapevi che l'ordine può essere annullato ? Invece di un ordine crescente, la numerazione decrementante può essere eseguita anche da

, usando l'attributo reversed .

scarabeo
Mahjong
Monopolio
Scacchi
Jenga

L'attributo reversed inverte la numerazione, mentre l'attributo type determina il tipo di numerazione . La capitale I denota la numerazione romana del capitale.

Ecco come appare sullo schermo:

5.

L'elemento è pensato per racchiudere un termine definito dal testo circostante . Il testo racchiuso dal tag è disegnato dai browser con il corsivo, il che significa che questo è il termine che viene definito.

È possibile aggiungere la definizione del termine all'interno del valore dell'attributo title, che è utile per definire parole che non sono necessariamente definite dal testo circostante .

L'elemento funziona in modo simile al quale viene visualizzato il significato di un'abbreviazione data nel suo attributo title quando l'utente passa sopra l'elemento.

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

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

Prendendo il cursore sopra la parola definita, la pagina mostrerà la definizione aggiunta nell'attributo del title .


Un'introduzione alle pagine dell'allegato di WordPress

Le pagine degli allegati non sono molto conosciute o comprese in WordPress. Ogni oggetto che carichi tramite WordPress - sia esso immagine, audio, video o qualsiasi altra cosa - può avere una propria pagina con contenuto, proprio come qualsiasi altro post. Assicurandosi che le pagine degli allegati siano ben formate e contengano informazioni pertinenti, è possibile aggiungere una certa profondità al proprio sito Web e persino aumentare il punteggio SEO nel processo .In

(Consigli tecnici e di design)



20 plugin WordPress per migliorare la gestione delle poste - Best of

In precedenza ho scritto un post su alcuni plugin utili che possono aiutarti a gestire più siti Web WordPress. Tuttavia, quando sei un blogger, gestisci il tuo sito web è solo metà del compito. Il secondo aspetto più importante è gestire i tuoi post .Come sappiamo, una migliore gestione delle poste significa una migliore produttività, e quale modo migliore per farlo se non attraverso utili plugin WordPress. Così

(Consigli tecnici e di design)