Novità di HTML5? 9 elementi che devi sapere

Novità di HTML5? 9 elementi che devi sapere / Programmazione

HTML5 è l'ultimo e più grande Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains] Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains] Negli ultimi anni, potresti aver sentito il termine HTML5 ogni tanto. Che tu sappia qualcosa sullo sviluppo del web o no, il concetto può essere alquanto nebuloso e confuso. Ovviamente, ... Leggi di più la versione del linguaggio di markup più utilizzato sul web. Ci sono alcuni grandi cambiamenti dall'ultima versione della lingua, e se non li stai utilizzando, ti stai perdendo alcune funzionalità davvero interessanti.

Non abbiamo spazio per coprire ogni nuovo elemento nella quinta versione di HTML, ma questi nove sono alcuni dei più importanti. Per ulteriori informazioni sui nuovi elementi e le API in HTML5, assicurati di controllare W3Schools.

Un'introduzione agli elementi semantici

Come gran parte di Internet, HTML5 si è spostato per concentrarsi sulla semantica. Ora, invece di tag semplicemente utilizzati per la formattazione, sono anche usati per indicare ai browser e ai motori di ricerca i 7 motori di ricerca semantica come alternativa a Google 7 motori di ricerca semantici come alternativa a Google Leggi di più sul significato di ciò che circondano.

Per esempio,

dice semplicemente a un browser che contiene un paragrafo.

, di cui discuteremo per un momento, dice a un browser che contiene il contenuto principale della pagina.

Il web semantico è ancora in fase di sviluppo e abbiamo solo iniziato a scalfire la superficie di quello che può fare. HTML5 sta aiutando a portare il markup semantico Che cos'è il markup semantico e come cambierà Internet Forever [Tecnologia spiegata] Cosa è il markup semantico e come cambierà Internet (la tecnologia ha spiegato) Leggi di più su una porzione molto più grande di internet, e questo può essere buono solo per il futuro dell'elaborazione semantica.

1.

Il

tag definisce “contenuto indipendente e autonomo.” L'esempio più semplice è, ovviamente, un articolo. Per questo particolare articolo, dovremmo aprire il tag prima dell'introduzione e chiuderlo dopo la conclusione.

Tutto il testo nella tua sezione autonoma.

Ma ci sono altri modi in cui puoi usarlo anche tu. Ad esempio, molti blog di cucina includono storie personali su come è nata una ricetta o perché è importante per lo scrittore. È seguito poi dalla ricetta stessa. Potresti argomentare che ognuno di questi elementi potrebbe stare da solo.

In un forum, ogni post o thread potrebbe essere considerato autonomo e ognuno potrebbe essere contrassegnato con il proprio

etichetta. Per la maggior parte, verrà utilizzato sul contenuto principale di una pagina. Ma tieni presente che puoi usarlo anche in modo più creativo.

2.

Strettamente correlato a

è
. Questo definisce a “raggruppamento tematico di contenuti, tipicamente con un titolo.” Così
sarà dentro
… destra?

Non necessariamente. W3 sottolinea che dipende dalla struttura del tuo sito. Potresti avere contenuti autosufficienti in diverse sezioni della tua pagina (per esempio, pensa alla prima pagina di un sito di notizie). Potresti quindi avere sezioni all'interno di quell'articolo.

Perché hai bisogno di un DAC

Tutto suona meglio.

Come impostare un DAC

Ecco cosa devi fare ...

Puoi anche avere sezioni all'interno delle sezioni se si adatta alla tua pagina. Ricorda che una sezione è semplicemente a “raggruppamento tematico di contenuti,” e troverai molti posti per usarlo.

3.

Questo elemento “dovrebbe essere usato come contenitore per i contenuti introduttivi.” In breve, è la parte della tua pagina che aiuta le persone a capire cosa stanno per leggere.

Ma non farti ingannare: puoi usare questo contenitore più di una volta. Ad esempio, potresti usarlo per identificare il titolo della pagina e il paragrafo introduttivo del tuo post sul blog. Ma potresti anche usarlo per contrassegnare il contenuto introduttivo per ogni sezione.

Tutto ciò che devi sapere sui DAC

Ecco un'utile introduzione ai DAC ...

Il resto del tuo articolo va qui.

Le sezioni di intestazione generalmente contengono almeno un tag di intestazione: H1, H2 e così via. Non è necessario, ma in generale, se si utilizza un tag intestazione, c'è una buona possibilità che tu includa il contenuto dell'intestazione.

4.

W3 dice che i tag footer di solito contengono il “autore del documento, informazioni sul copyright, collegamenti ai termini di utilizzo, informazioni di contatto, ecc.” Puoi pensarlo come il “faccende domestiche” cose.

La documentazione afferma anche che puoi avere più di una sezione footer sulla tua pagina. Probabilmente è comunque una buona idea conservare tutte queste informazioni in un'unica posizione.

5.

Questo tag contiene i link di navigazione per una determinata pagina. Nota che solo la sezione di navigazione ottiene questo tag, non tutti i link sulla tua pagina. È per barre di navigazione e strumenti simili.

Questo è un tag molto semplice - questo è tutto quello che c'è da fare. Usalo per definire la sezione di navigazione e non usarlo di nuovo sulla tua pagina.

6.

Uno dei nuovi elementi più interessanti in HTML5 è il lato. W3 dà la definizione un po 'inutile di “alcuni contenuti a parte il contenuto in cui è inserito.”

In breve, un lato è tutto ciò che è correlato (ma separato) dalle informazioni circostanti. Potrebbe essere una barra laterale che aggiunge dettagli al tuo contenuto. Quando è usato all'interno di un set di

tag, fornisce informazioni aggiuntive che non sono necessarie per la comprensione del contenuto principale.

Ad esempio, se avessimo incluso una barra laterale in questo articolo che forniva informazioni sulla cronologia di HTML5, sarebbe un accostamento.

Ma il