Ciao. Oggi parleremo di HTML5. In particolare di cosa si tratta e perché non stiamo imparando HTML1 invece. Quindi cos'è l'HTML? HTML sta per linguaggio di markup ipertestuale. Le lingue di markup sono in realtà molto comuni. Non sono uguali ai linguaggi di programmazione, ma sono lingue speciali che utilizzano tag per annotazioni o markup documenti. In HTML, i tag indicano ai browser dove si desidera inserire intestazioni, immagini, elenchi, collegamenti, eccetera. Un file HTML è un tipo speciale di file. Hai già visto estensioni di file speciali prima. Ogni volta che si apre un file con estensione doc, il computer sa di aprirlo in Microsoft Word. Se vedi un file con .ppt il tuo computer sa, oh che è un file di Power Point, dovrei aprirlo in Power Point. Allo stesso modo, quando il computer vede il file.html, sa che dovrebbe aprirlo in un browser Internet come Chrome, Firefox o Safari. Il tuo browser può leggere questo file e sa come visualizzarlo sullo schermo. È più di questo, i tag di file HTML consentono anche ai lettori di schermo e ad altri dispositivi assistiti di utilizzare i tag per presentare le informazioni in modi nuovi e speciali. Quindi HTML è molto simile all'inglese, puoi capirlo anche se non ne sai molto. Diamo un'occhiata a questo file HTML di esempio qui. La maggior parte è solo una tipica lingua inglese. Questa è una voce importante o ciao lì. Ho intenzione di includere un link alla pagina del corso. Ma se guardi da vicino, puoi vedere che abbiamo aggiunto questi piccoli tag che il browser usa questo per sapere come rappresentare il materiale. Quindi, h1 è solo il tag di intestazione. Dice al browser, hey questo è qualcosa di veramente importante. Voglio che tu lo metta in un font più grande, e anche se qualcuno sta usando un dispositivo assistito, voglio che sappiano se questo è qualcosa di importante. H2 mostra anche una sorta di importanza, ma non tanto. Ho un tag p per un paragrafo, e ho un altro tag qui chiamato e tag di ancoraggio. Per far sapere al browser, non voglio che tu mostri questo materiale, voglio che tu lo colleghi effettivamente a una pagina web diversa. Quindi ecco l'output in cui qualsiasi browser guarderebbe il nostro codice. All' inizio, imparare l'HTML riguarda principalmente l'apprendimento di tutti quei diversi tag che ti ho mostrato in quel file. Questo è chiamato apprendimento della sintassi. È come si impara quali parentesi usare, barre rovesciate e cose diverse del genere. Hai passato la maggior parte del tuo tempo ad andare, oh, mi sono ricordata quella targhetta e l'ho scritta nel modo giusto? E' una vita molto breve. In un po 'di tempo, otterrai la sicurezza di non preoccuparti della tua sintassi e invece di pensare alla semantica o al significato dietro i tag. Quanto è importante questa informazione che sto cercando di ottenere, ed è questo il tag giusto da usare? Se qualcuno sta cercando nella mia pagina, può trovare quello che sta cercando? Anche se non riescono a vedere il testo, possono usare i tag per navigare attraverso di esso? Quindi cosa è successo a HTML1? Perché stiamo usando qualcosa chiamato HTML5? Beh, parliamo dei primi anni. HTML è stato creato nel 1990 come un modo per collegare elettronicamente diversi documenti tramite collegamenti ipertestuali. Quindi, questa idea di una rete di connessioni. Quello che stava accadendo, è che gli scienziati stavano usando Internet per elencare i loro diversi documenti di ricerca, e si avrebbe una lunga lista, ogni carta indipendente dall'altro. Ma, HTML, ti ha dato modi per leggere un articolo, e proprio all'interno del testo, link a un altro eccitante documento di fisica. Perché il pubblico dell'HTML tendeva ad essere persone come mio padre lassù nell'angolo, erano fisici nucleari, a loro non importavano cose come il colore, le immagini o qualsiasi cosa che non fosse legata alla scienza, e questa era la chiave. HTML era destinato a funzionare su qualsiasi piattaforma. E per fare questo dovevi davvero evitare cose come font speciali o colori diversi o qualsiasi cosa che riguardasse più il layout che il contenuto. Tuttavia, nel 1993 Mosaic è emerso come il primo browser grafico. E ciò significa che c'è stato un primo browser a introdurre effettivamente l'idea delle immagini e quando ciò è accaduto, c'è stato un sacco di dibattito tra la comunità di ricerca sul fatto che questa fosse o meno una buona cosa. I pionieri volevano davvero mantenerlo semplice basato sui contenuti, permettere a tutti di accedervi. Ma gli innovatori dicevano di no. Alle persone piacciono le immagini, a loro piace il layout. A loro piace anche quanto piace il contenuto. Quindi c'è una grande battaglia tra il modo in cui Internet dovrebbe evolversi da quel punto. Così, dopo che Mosaic è emerso, l'uso di Internet è semplicemente esploso, e sempre più persone lo usavano per mezzi commerciali, invece che solo per fare ricerca. Mosaic aveva sfidanti però, sotto forma di Netscape, Internet Explorer e altri browser. Questo è stato l'inizio di ciò che chiamiamo le guerre dei browser. Ognuno di questi browser ha deciso di creare questi tag proprietari, tag che funzionavano solo sul proprio browser. Alcuni degli esempi erano tendine, dove si poteva avere testo scorrevole, o lampeggiare che funzionava solo su alcuni dei browser e non su altri. Altri tag erano proprietari, in realtà hanno funzionato su qualsiasi browser, ma sono andati contro lo spirito originale dell'HTML. Erano tag come font o centro, per centrare il testo o il colore di sfondo. Questo potrebbe non sembrare una cosa negativa, ma alcuni computer non avevano l'accesso, non avevano la possibilità di avere tutti i diversi colori che altri computer potrebbero avere. E questo ha portato ad alcune pagine dall'aspetto davvero brutto. Ciò ha portato anche all'origine di ciò che chiamiamo il migliore visto sui messaggi. Quando sei andato su un sito hai quasi immediatamente detto quale browser dovresti davvero visualizzare il sito su. Altrimenti, non avresti avuto l'esperienza ottimale. Tutti noi in un certo senso soffriamo di guerre dei browser, o meglio visto sulle immagini di oggi. Molte volte quando vai a una pagina, vedrai che non puoi effettivamente accedere al contenuto completo se sei sul telefono, a meno che tu non faccia clic su un collegamento al sito Web completo. Allora, com'e' successo? Come siamo arrivati al punto in cui diversi browser non erano d'accordo sui diversi ruoli che l'HTML dovrebbe svolgere? Questo ritorna all'idea che nessuno gestisce Internet o il Web. Tuttavia, alcuni gruppi hanno assunto un ruolo più proattivo per cercare di aiutare a standardizzare ciò che sta succedendo là fuori. Il primo è l'Internet Engineering Task Force, si concentrano davvero sull'idea di come le diverse reti dovrebbero collaborare e come dovrebbero lavorare insieme. Il World Wide Web Consortium, invece si occupa dell'HTML e dell'evoluzione dell'HTML, vogliono sapere quali tipi di tag i browser dovrebbero e non dovrebbero supportare. Infine, uno dei gruppi più recenti, The Web Accessibility Initiative, vogliono assicurarsi che, indipendentemente dal modo in cui le persone accedono al web, abbiano la stessa capacità di visualizzare i contenuti. Abbiamo avuto questa evoluzione dei browser di cui abbiamo parlato. Dal 1990 al '94 era tutto molto semplice, basato su testo. Nel '93, abbiamo parlato di come le immagini entrassero nella scena, e praticamente esplosero Internet. Compatibilità cross-browser fatto molte delle pagine web semplicemente cadere a pezzi e ha portato a codice incredibilmente brutto. All' inizio di 2000 i browser sono tornati a questa idea di separare i contenuti dallo stile. E nel 2005 è diventata pratica standard usare i file HTML, che stiamo imparando in questo corso, per creare il contenuto e i file CSS per lo stile. Così come i browser si sono evoluti così ha fatto HTML. Il modo in cui tende a lavorare nella maggior parte dei computer insegne e campi tecnologici è che sono i programmatori e gli sviluppatori a spingere gli standard. Così come i programmatori hanno imparato che ci sono sempre più cose che volevano la capacità di fare, è il lavoro dei browser per tenere il passo. Allora, dove siamo adesso? HTML5 è una cooperazione tra W3C e il Web Hypertext Application Technology Working Group, e quello che hanno fatto è che hanno stabilito queste quattro linee guida per come HTML5 dovrebbe essere affrontato come browser andare a supportarlo. La prima idea è che le nuove funzionalità dovrebbero essere basate su HTML, CSS che è il linguaggio dei segni, il DOM e JavaScript. Niente di piu'. Vogliono ridurre la necessità di plug-in esterni, è molto frustrante quando si è su un browser e si scopre che non è possibile guardare il video che qualcuno ha postato. Vogliono anche spostarsi in modo che il markup o che il linguaggio di markup possa sostituire lo scripting. Se trovi che sempre più sviluppatori stanno scrivendo codice per far accadere qualcosa, sbarazzati del codice e crea un semplice tag che possa farlo. E infine, HTML5 dovrebbe essere indipendente dal dispositivo. Non dovrebbe avere importanza se sei sul tuo telefono, computer portatile, PC o anche su un lettore di schermo. Vuoi che tutti abbiano lo stesso accesso alle informazioni. Quindi, quando ripensi a questo video, ci sono alcune lezioni che spero davvero di rimanere con te. La prima è l'idea che l'HTML non sia un linguaggio di programmazione, ma piuttosto un modo in cui i browser possono tradurre i documenti in pagine Web visualizzabili. HTML era destinato a facilitare molti tipi di contenuti diversi. Immagini, immagini, link, liste. Ogni cosa lungo quella linea. Quello che abbiamo trovato pensato la storia di Internet, è che quando i progettisti vogliono fare qualcosa Essi tendono a scrivere codice non standard per forzare i browser a farlo. Quindi, questo è il motivo per cui stiamo sviluppando nuovi standard in HTML5 per gestire questi nuovi requisiti che le persone desiderano e spingere i browser ad adottare i nuovi standard.