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
L'articolo principale va qui. L'articolo continua qui.
Perché ci sono più usi per questo tag, può essere fonte di confusione. Se tenga presente che lo è “contenuto secondario” e che non sempre deve essere una barra laterale, avrai un'idea migliore di come usarla.
7.
Molti siti Web hanno informazioni che devono essere visualizzate, ma non in modo prominente. Forse sono le informazioni sul copyright di una foto. O la stampa fine su un concorso. Questo tipo di informazioni è esattamente ciò che il tag dei dettagli è per.
Quando si utilizza il tag dei dettagli, si crea testo nascosto che può essere facilmente visualizzato. Ecco un esempio:
Clicca qui per vedere le informazioni.
Ecco le informazioni più dettagliate di cui non hai bisogno subito.
Basta fare clic sulla freccia per ottenere i dettagli. Semplice. La creazione è altrettanto semplice. Ecco il codice utilizzato per l'esempio precedente:
Clicca qui per vedere le informazioni. Ecco le informazioni più dettagliate di cui non hai bisogno subito.
Il tag definisce la frase che verrà mostrata, mentre gli altri contenuti sono nascosti. Si noti che è possibile utilizzare altri tag all'interno della sezione dei dettagli: intestazioni, sezioni e così via.
Ci sono altre cose interessanti che puoi fare con HTML 7 Effetti HTML interessanti che chiunque può aggiungere al loro sito Web 7 Effetti HTML interessanti che chiunque può aggiungere al loro sito Web Non disperare! Non devi conoscere CSS o PHP per costruire un sito di fantasia. Qualche buon vecchio HTML e sapremo come fare il copia e incolla. Leggi di più, anche se non conosci molto CSS o JSON.
8-9. e
Non ti preoccupare, il tag che hai usato per anni non sta andando via. aggira il tag immagine e fa sapere al browser che si tratta di un'immagine, diagramma, elenco di codici o altra figura autonoma.
Se una figura viene rimossa dalla pagina, non influirà sul flusso del contenuto.
va all'interno del tag figure e specifica una didascalia per un'immagine. Potrebbe sembrare qualcosa del genere:
Questo è il nostro logo!
Questo ti dà un modo integrato per aggiungere una didascalia alle tue immagini. Non è più necessario passare attraverso il tuo CMS.
Approfitta della potenza di HTML5
I nuovi elementi in HTML5 aggiungono molta potenza, specialmente per scopi semantici. Vi sono altri elementi per la formattazione, le misurazioni scalari, l'avanzamento dell'attività e altro. Puoi vedere tutti i nuovi elementi su W3Schools.
Ma se riesci a padroneggiare questi nove, sarai sulla buona strada per fare buon uso di HTML5. E se sei nuovo in HTML, assicurati di dare un'occhiata a questi esempi di codice 17 Esempi di codice HTML semplici che puoi imparare in 10 minuti 17 Esempi di codici HTML semplici che puoi imparare in 10 minuti Se conosci i seguenti 17 tag HTML (e alcuni extra che li accompagnano), sarete in grado di creare una pagina web di base da zero o modificare il codice creato da un'app come ... Read More !
Hai iniziato a utilizzare HTML5? Quali nuovi elementi trovi più utili? Condividi i tuoi pensieri nei commenti qui sotto!
