Quando inizi a esplorare il mondo del web design, ti verrà presentato senza dubbio un numero di parole e frasi che sono nuove per te. Uno dei termini che probabilmente sentirai è "markup" o forse "linguaggio markup". In che modo il "markup" è diverso dal "codice" e perché alcuni professionisti del Web sembrano utilizzare questi termini in modo intercambiabile? Iniziamo dando un'occhiata esattamente a cosa sia un "linguaggio di marcatura".
Diamo un'occhiata a 3 lingue di markup
Quasi ogni acronimo sul Web che ha una "ML" in esso è un "linguaggio di markup" (grande sorpresa, è ciò che significa "ML"). I linguaggi di markup sono gli elementi di base utilizzati per creare pagine Web o tutte le forme e dimensioni.
In realtà, ci sono molti linguaggi di markup diversi là fuori nel mondo. Per la progettazione e lo sviluppo web, ci sono tre linguaggi di markup specifici che probabilmente incontrerai. Questi sono HTML, XML e XHTML.
Cos'è un linguaggio Markup?
Per definire correttamente questo termine, un linguaggio di markup è una lingua che annota il testo in modo che il computer possa manipolare quel testo. La maggior parte dei linguaggi di markup sono leggibili 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:
Questo è un paragrafo di testo scritto in HTML
Questo esempio è un paragrafo HTML. È costituito da un tag di apertura (
), un tag di chiusura (
), e il testo effettivamente che verrebbe visualizzato sullo schermo (questo è il testo contenuto tra i due tag). Ogni tag include un simbolo "minore di" e "grande di" per designarlo come parte del markup.Quando si formatta il testo da visualizzare su un computer o sullo schermo di un altro dispositivo, è necessario distinguere tra il testo stesso e le istruzioni per il testo. Il "markup" è le istruzioni per visualizzare o stampare il testo.
Markup non deve essere leggibile dal computer. Le annotazioni fatte in stampa o in un libro sono considerate anche markup. Ad esempio, molti studenti a scuola metteranno in evidenza alcune frasi nei loro libri di testo. Ciò indica che il testo evidenziato è più importante del testo circostante. Il colore di evidenziazione è considerato markup.
Markup diventa una lingua quando le regole sono codificate su come scrivere e usare quel markup. Lo stesso studente potrebbe avere la propria "nota prendendo il linguaggio di markup" se codificano 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 l'utilizzo da parte di molte persone diverse. Ecco come funzionano i linguaggi di markup per il Web. Sono definiti dal W3C o dal World Wide Web Consortium.
HTML-HyperText Markup Language
HTML o HyperText Markup Language è la lingua principale del Web e la più comune con cui lavorerai come web designer / sviluppatore. In effetti, potrebbe essere l'unico linguaggio di markup che utilizzi nel tuo lavoro.
Tutte le pagine Web sono scritte in un linguaggio HTML. HTML definisce il modo in cui immagini, contenuti multimediali e testo vengono visualizzati nei browser web. Questo linguaggio include elementi per connettere i tuoi documenti (ipertesto) e rendere interattivi i tuoi documenti web (come nei moduli). Molte persone chiamano HTML "codice sito web", ma in realtà è solo un linguaggio di markup. Nessuno dei due termini è assolutamente sbagliato e sentirai le persone, inclusi i professionisti del web, usare questi due termini in modo intercambiabile.
HTML è un linguaggio di markup standard definito. È basato su SGML (Standard Generalized Markup Language). È un linguaggio che usa i tag per definire la struttura del tuo testo. Gli elementi e i tag sono definiti dai caratteri <e>.
Sebbene l'HTML sia di gran lunga il linguaggio di marcatura più popolare utilizzato oggi sul Web, non è l'unica scelta per lo sviluppo web. Con lo sviluppo dell'HTML, è diventato sempre più complicato e lo stile e i tag dei contenuti combinati in un'unica lingua. Alla fine, il W3C decise che c'era bisogno di una separazione tra lo stile di una pagina web e il contenuto. Un tag che definisce il contenuto da solo rimarrà in HTML mentre i tag che definiscono lo stile sono stati deprecati a favore del CSS (Cascading Style Sheets).
La versione più recente dell'HTML è HTML5. Questa versione ha aggiunto più funzionalità in HTML e rimosso alcuni dei rigori che sono stati imposti da XHTML (più su quella lingua a breve).
Il modo in cui viene rilasciato l'HTML è stato alterato con l'avvento di HTML5. Oggi, vengono aggiunte nuove funzionalità e modifiche senza che sia necessario rilasciare una nuova versione numerata. L'ultima versione della lingua viene semplicemente chiamata "HTML".
XML-eXtensible Markup Language
L'eXtensible Markup Language è la lingua su cui è basata un'altra versione di HTML. Come HTML, anche XML è basato su SGML. È meno rigido di SGML e più rigido del semplice HTML. XML offre l'estensibilità per creare diverse lingue.
XML è una lingua per scrivere i linguaggi di marcatura. Ad esempio, se stai lavorando su genealogia, potresti creare tag usando XML per definire padre, madre, figlia e figlio nel tuo XML in questo modo: XHTML 1.0 è stato ridefinito con HTML 4.0 per soddisfare lo standard XML. XHTML è stato sostituito nel moderno web design con HTML5 e le modifiche che sono venute da allora. È improbabile trovare siti nuovi utilizzando XHTML, ma se stai lavorando su un sito molto più vecchio, puoi ancora incontrare XHTML là fuori in the wild. Non ci sono molte differenze importanti tra HTML e XHTML, ma ecco cosa noterete: Linguaggio di markup HyperText XHTML-eXtended
<> / >
HR attributo sarebbe scritto noshade = "noshade".
