Quando inizi a esplorare il mondo di web design, senza dubbio ti verranno presentate una serie di parole e frasi che sono nuove per te. Uno dei termini che probabilmente ascolterai è "markup" o forse "linguaggio di markup". In che modo "markup" è diverso da "codice" e perché alcuni professionisti del web sembrano usare questi termini in modo intercambiabile? Iniziamo dando un'occhiata a cos'è esattamente un "linguaggio di markup".
Questo esempio è un paragrafo HTML. È costituito da un tag di apertura (
), un tag di chiusura (
), e il testo effettivo che verrebbe visualizzato sullo schermo (questo è il testo contenuto tra i due tag). Ogni tag include un simbolo "minore di" e "maggiore di" per designarlo come parte del markup. Quando formatti il testo da visualizzare sullo schermo di un computer o di un altro dispositivo, devi distinguere tra il testo stesso e le istruzioni per il testo. Il "markup" sono le istruzioni per visualizzare o stampare il testo.
Il markup non deve essere leggibile dal computer. Anche le annotazioni stampate o in un libro sono considerate markup. Ad esempio, molti studenti a scuola evidenzieranno determinate frasi nei loro libri di testo. Ciò indica che il testo evidenziato è più importante del testo circostante. Il colore di evidenziazione è considerato markup.
Il markup diventa un linguaggio quando vengono codificate le regole su come scrivere e utilizzare quel markup. Quello stesso studente potrebbe avere il proprio "linguaggio di marcatura per prendere appunti" se codificasse regole come "l'evidenziatore viola è per le definizioni, l'evidenziatore giallo è per i dettagli dell'esame e le note a matita ai margini sono per risorse aggiuntive.
La maggior parte dei linguaggi di markup sono definiti da un'autorità esterna per essere utilizzati da molte persone diverse. Ecco come funzionano i linguaggi di markup per il Web. Sono definiti dal W3C o World Wide Web Consortium.
Diamo un'occhiata a 3 linguaggi di markup
Quasi ogni acronimo sul Web che contiene un "ML" è un "linguaggio di markup" (grande sorpresa, questo è ciò che significa "ML"). I linguaggi di markup sono gli elementi costitutivi utilizzati per creare pagine Web o di tutte le forme e dimensioni.
In realtà, ci sono molti diversi linguaggi di markup là fuori nel mondo. Per il web design e lo sviluppo, ci sono tre linguaggi di markup specifici che probabilmente incontrerai. Questi sono HTML, XML e XHTML.
Che cos'è un linguaggio di marcatura?
Per definire correttamente questo termine, un linguaggio di markup è un linguaggio che annota il testo in modo che il computer possa manipolare quel testo. La maggior parte dei linguaggi di markup è leggibile dall'uomo perché le annotazioni sono scritte in modo da distinguerle dal testo stesso. Ad esempio, con HTML, XML e XHTML, i tag di markup sono.
<
e.
>
Qualsiasi testo che appare all'interno di uno di questi caratteri è considerato parte del linguaggio di marcatura e non parte del testo annotato. Per esempio:
HTML — Linguaggio di marcatura ipertestuale
HTML o HyperText Markup Language è il linguaggio principale del Web e il più comune con cui lavorerai come web designer/sviluppatore. In effetti, potrebbe essere l'unico linguaggio di markup che usi nel tuo lavoro.
Tutte le pagine web sono scritte in una sorta di HTML. HTML definisce il modo in cui le immagini, i contenuti multimediali e il testo vengono visualizzati nei browser web. Questo linguaggio include elementi per connettere i tuoi documenti (ipertesto) e rendere i tuoi documenti web interattivi (come con i moduli). Molte persone chiamano HTML "codice del sito web", ma in realtà è solo un linguaggio di markup. Nessuno dei due termini è del tutto sbagliato e sentirai persone, compresi i professionisti del web, usare questi due termini in modo intercambiabile.
HTML è un linguaggio di markup standard definito. Si basa su SGML (Linguaggio di marcatura generalizzato standard). È un linguaggio che utilizza i tag per definire la struttura del tuo testo. Elementi e tag sono definiti dai caratteri < e >.
Sebbene HTML sia di gran lunga il linguaggio di markup più popolare utilizzato oggi sul Web, non è l'unica scelta per lo sviluppo web. Man mano che l'HTML è stato sviluppato, è diventato sempre più complicato e i tag di stile e contenuto sono stati combinati in un'unica lingua. Alla fine, il W3C ha deciso che era necessaria una separazione tra lo stile di una pagina web e il contenuto. Un tag che definisce solo il contenuto rimarrebbe in HTML mentre i tag che definiscono lo stile sono stati deprecati a favore dei CSS (Cascading Style Sheets).
La versione numerata più recente di HTML è HTML5. Questa versione ha aggiunto più funzionalità all'HTML e ha rimosso parte del rigore imposto dall'XHTML (più su quel linguaggio a breve).
Il modo in cui viene rilasciato l'HTML è stato modificato con l'avvento di HTML5. Oggi vengono aggiunte nuove funzionalità e modifiche senza che sia necessario rilasciare una nuova versione numerata. L'ultima versione del linguaggio è semplicemente denominata "HTML".
XML — eXtensible Markup Language
L'eXtensible Markup Language è il linguaggio su cui si basa un'altra versione di HTML. Come HTML, anche XML è basato su SGML. È meno rigoroso di SGML e più rigoroso del semplice HTML. XML fornisce l'estensibilità per creare vari linguaggi differenti.
XML è un linguaggio per scrivere linguaggi di markup. Ad esempio, se stai lavorando sulla genealogia, potresti creare tag usando XML per definire il padre, la madre, la figlia e il figlio nel tuo XML in questo modo:. Ci sono anche diversi linguaggi standardizzati già creati con XML: MathML per definire la matematica, SMIL per lavorare con multimedia, XHTML e molti altri.
XHTML — eXtended HyperText Markup Language
XHTML 1.0 è HTML 4.0 ridefinito per soddisfare le XML standard. XHTML è stato sostituito nel web design moderno con HTML5 e le modifiche che sono avvenute da allora. È improbabile che tu trovi siti più recenti che utilizzano XHTML, ma se stai lavorando su un sito molto più vecchio, potresti ancora incontrare XHTML in circolazione.
Non ci sono molte differenze importanti tra HTML e XHTML, ma ecco cosa noterai:
- XHTML è scritto in minuscolo. Mentre Tag HTML possono essere scritti in MAIUSCOLO, MiXeD o minuscolo, per essere corretti, i tag XHTML devono essere tutti minuscoli. (molti professionisti del web scrivono HTML tutto in minuscolo, anche se non è tecnicamente richiesto).
- Tutti gli elementi XHTML devono avere un tag finale. Elementi con un solo tag, come e necessitano di una barra di chiusura (/) alla fine del tag:
- Tutti gli attributi devono essere citati in XHTML. Alcune persone rimuovono le virgolette attorno agli attributi per risparmiare spazio, ma sono necessarie per l'XHTML corretto.
- XHTML richiede che i tag siano nidificati correttamente. Se apri un grassetto () elemento e poi un corsivo (), è necessario chiudere l'elemento corsivo () prima di chiudere il grassetto (). (Si noti che entrambi questi elementi sono stati deprecati perché sono elementi visivi. HTML ora usa e al posto di questi due).
- Gli attributi HTML devono avere un nome e un valore. Anche gli attributi che sono autonomi in HTML devono essere dichiarati con valori, ad esempio, l'attributo HR dovrebbe essere scritto noshade="noshade".