1.1 Storia dell'HTML
Al giorno d'oggi, quasi tutte le persone usano Internet. Leggi articoli, usa un browser, segui i link. E solo pochi di loro si chiedono quando e da chi è stato inventato Internet?
Dipende ancora da come chiami Internet. Molto spesso, il profano intende una cosa e il tecnico ne intende un'altra. La rete di computer che collega i data center più grandi del mondo è stata creata negli anni '70. Ma Internet accessibile a una persona comune (browser, collegamenti, tutti i tipi di pagine) è stato inventato da una persona all'inizio degli anni '90 . Ed è stato così...
All'inizio degli anni '90, il britannico Tim Berners-Lee ha inventato Internet. Anche se, tuttavia, ciò che ha inventato è più correttamente chiamato Web: World Wide Webè www, è anche il World Wide Web. Sì, un uomo ha inventato il World Wide Web.
Dal 1986 al 1991 ha lavorato presso il Centro di ricerca del CERN (a Ginevra, Svizzera) su un nuovo standard di documentazione scientifica. Vedete, è consuetudine che gli scienziati pubblichino articoli scientifici sotto forma di articoli e alla fine degli articoli indichino l'elenco della letteratura utilizzata. In altre parole, la conoscenza scientifica è un elenco di articoli con collegamenti tra loro.
A proposito, la moderna Wikipedia assomiglia molto a come il suo creatore vedeva il World Wide Web : articoli scientifici con collegamenti tra loro, un elenco di fonti e letteratura utilizzata. E se Tim fosse stato fortunato, allora il web sarebbe ancora così. Ma sulla strada per un futuro migliore, il mondo ha preso una svolta sbagliata da qualche parte :)
Il web si basa su tre tecnologie:
HTML-page, che contiene testo, immagini e collegamenti ad altriHTML-pages.- • Un browser che viene visualizzato
HTML-pagenel modo più intuitivo. - • Protocollo
http: uno standard per i server Web per comunicare con i browser e tra di loro.
Tim Berners-Lee non ha tanto inventato queste cose quanto le ha standardizzate. HTML- è stato creato sulla base dello standard SGML. Anche i tag sono stati presi in prestito da lì. Ma il primo browser web al mondo chiamato WorldWideWebTim ha scritto lui stesso, e nel 1990.
1.2 HTML non è un linguaggio di programmazione
HTMLnon è un linguaggio di programmazione e non lo è mai stato. Non dirlo mai. Anche se scriverai un curriculum, non indicare mai HTMLnella sezione linguaggi di programmazione, solo nella sezione Strumenti (tecnologia). Sarebbe un grave errore scrivere nel tuo curriculum che conosci un linguaggio di programmazione HTML. Perché?
E il fatto è che HTMLè un linguaggio di markup per i documenti. Se lo semplifichiamo molto, allora HTML-documentè un testo (documento) con immagini, tabelle, collegamenti, ecc.
Diciamo che vuoi scrivere un articolo che:
- Titolo dell'articolo (titolo).
- L'articolo stesso, composto da un paragrafo.
- Immagine.
- Alcune affermazioni importanti che vuoi mettere in grassetto.
- Nel mezzo dell'articolo, fornire un collegamento ad alcune informazioni utili.
Ecco come apparirà questo documento nel browser:
gatto domestico
Dal punto di vista della tassonomia scientifica, il gatto domestico è un mammifero della famiglia felina dell'ordine dei carnivori. Spesso il gatto domestico è considerato una sottospecie del gatto delle foreste, tuttavia, dal punto di vista della moderna tassonomia biologica (2017), il gatto domestico è una specie biologica separata .
Abbastanza bene, vero? E lo standard HTMLti consente di rendere questo documento leggibile sia per gli umani che per i computer. Ecco come appare in HTML-standard:
<h1> Gatto domestico </h1>
Dal punto di vista della tassonomia scientifica, il gatto domestico è <a href=”/”> un mammifero </a> della famiglia dei felini dell'ordine dei carnivori. Spesso un gatto domestico è considerato una sottospecie del gatto delle foreste, tuttavia, dal punto di vista della moderna tassonomia biologica (2017), il gatto domestico <b> è una specie biologica separata </b> .
<img src="cat.jpg">
Al testo dell'articolo sono stati aggiunti tag speciali (evidenziati in rosso ), comprensibili sia da una persona che da un computer (browser). Il browser può visualizzare magnificamente l'articolo per il lettore e l'autore dell'articolo può modificarlo facilmente.
1.3 L'emergere del protocollo HTTP
L'abbreviazione HTMLsta per Hyper Text Markup LanguageHypertext Document Markup Language. L'ipertesto è un documento costituito da pagine che si collegano tra loro. Cos'è http?
HTTPsta per Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httpoppure httpspuoi vedere nella barra degli indirizzi del browser se provi a copiare il link alla pagina aperta.
Un tipico collegamento a una pagina è simile a questo:
http://google.com/logo.jpgAll'inizio del collegamento c'è il nome del protocollo, seguito da due punti e due barre. Tim Bernes-Lee una volta ha detto in una delle sue interviste che se avesse saputo che il protocollo httpsarebbe stato così popolare, avrebbe escogitato qualcosa di più breve. (dopo tutto, quasi tutti i link nel mondo iniziano con la parola http://o https://)
Torniamo ai browser. Quando un browser richiede html-page, invia un file di testo (richiesta) al server e riceve in cambio un altro file di testo (risposta). Questa modalità operativa è chiamata client-server.
In primo luogo, ci sono righe con informazioni chiave, quindi con informazioni di servizio. La prima riga della query di testo è data dal pattern:
MethodURI HTTP/VersionLa pagina personale dell'utente CodeGym è data dal link
https://codegym.cc/mehttp-requestbrowser perché ha questo aspetto:
GET /me HTTP/1.0
Host: codegym.ccCome risposta, molto probabilmente il server invierà
HTTP/1.0 200 OK
<html>page text...La prima riga nel testo della risposta è la versione del protocollo http e lo stato della risposta (200, OK) . Poi arriva una riga vuota e poi solo in forma di testo arriva quella html-pagerichiesta dal browser. Tutto è molto semplice :)