INTERNETIMATTONI FONDAMENTALI

Internetèunareteadaccessopubblicocheconnettevaridispositiviintuttoilmondo.Dallasuanascitarappresentailprincipalemezzodicomunicazionedimassa,cheoffreall'utenteunavastaseriedicontenutipotenzialmenteinformativiediservizi.

L'originediInternetrisaleagliannisessanta,suiniziativadegliStatiUniti,chemiseroapuntodurantelaguerrafreddaunnuovosistemadidifesaedicontrospionaggio.ARPANETnel1969,finanziatodaDefenceAdvancedResearchProjectsAgency.

L'ItaliafuilterzoPaeseinEuropaaconnettersiinrete,dopoNorvegiaeInghilterra,grazieaifinanziamentidelDipartimentodellaDifesadegliStatiUniti.Laconnessioneavvennedall'UniversitàdiPisa.Ilcollegamentoavvenneil30aprile1986,alle18circa.

Ilprecursoredelserviziodipostaelettronicafuideatonel1973,suARPANET.Leemoticonvenneroisituitenel1979persuggerirelostatod’animonelleemail.

Comeè fatta Internet

Qualche immagine

Esempio diuna rete

LAN:LocalAreaNetwork,copreun’arealimitatacomeunascuola,un’azienda

WLAN:LANWireless

WAN:WideAreaNetwork,èunaretechecopreunaopiùregionigeografiche

BAN:BodyAreaNetworkselaretesiestendeintornoalcorpodell'utilizzatoreconunaestensionedell'ordinedelmetro

PAN:PersonalAreaNetwork,selaretesiestendeintornoall'utilizzatoreconunaestensionedialcunimetri

GARRèlaretetelematicaitalianadell’UniversitàedellaRicercaedilsuoprincipaleobiettivoèquellodifornireconnettivitàadaltissimeprestazionieserviziavanzatiallacomunitàscientificaedaccademicaitaliana.LareteGARRèideataegestitadalConsortiumGARR,un’associazionesenzafinidilucrofondataconilpatrociniodelMinisterodell’Istruzione,dell’UniversitàedellaRicerca.

Nel1991pressoilCERNdiGinevrailricercatoreTimBerners-LeedefinìilprotocolloHTTP(HyperTextTransferProtocol),unsistemachepermetteunaletturaipertestuale,non-sequenzialedeidocumenti,saltandodaunpuntoall'altromediantel'utilizzodirimandi(linko,piùpropriamente,hyperlink).Ilprimobrowserconcaratteristichesimiliaquelleattuali,ilMosaic,vennerealizzatonel1993.Essorivoluzionòprofondamenteilmododieffettuarelericercheedicomunicareinrete.NacquecosìilWorldWideWeb(WWW).Inparticolare,il6agosto1991Berners-LeepubblicòilprimositoWebalmondo,pressoilCERN,all'indirizzohttp://info.cern.ch/hypertext/WWW/TheProject.htm

WorldWideWeb

Client

Server

Ininformatica,ilWebbrowserèun'applicazioneperilrecupero,lapresentazioneelanavigazionedirisorsesulWeb.Talirisorse(comepagineweb,immaginiovideo)sonomesseadisposizionesulWorldWideWeb(lareteglobalechesiappoggiasuInternet),suunaretelocaleosullostessocomputerdoveilbrowserèinesecuzione.

Ilprogrammaimplementa

1. daunlatolefunzionalitàdiclientperilprotocolloHTTP,cheregolaloscaricamentodellerisorsedaiserverwebapartiredalloroindirizzoURL;

2. dall'altroquelledivisualizzazionedeicontenutiipertestuali(solitamenteall'internodidocumentiHTML)ediriproduzionedicontenutimultimediali.

TraibrowserpiùutilizzativisonoGoogleChrome,Safari,InternetExplorer,Mozilla Firefox,Opera,MicrosoftEdge (uscitoconWindows10)eMaxthon.

Cos’è unbrowser

L'HyperTextTransferProtocol (HTTP)(protocolloditrasferimentodiunipertesto)èunprotocolloalivelloapplicativousatocomeprincipalesistemaperlatrasmissioned'informazionisulWebovveroinun'architetturatipicaclient-server.

HTTP

E.g.,paginaWeb

Esempio

HTMLCOMESTRUTTURAREIL CONTENUTODIUNAPAGINA

L'HyperTextMarkupLanguage (HTML;traduzioneletterale:linguaggioamarcatoriperipertesti),ininformaticaèillinguaggiodimarkupsolitamenteusatoperlaformattazioneeimpaginazionedidocumentiipertestualidisponibilinelWorldWideWebsottoformadipagineWeb.

Èunlinguaggiodipubblicodominio,lacuisintassièstabilitadalWorldWideWebConsortium(W3C).

L'HTMLèstatosviluppatoversolafinedeglianniottantadelXXsecolodaTimBerners-LeealCERNdiGinevraassiemealprotocolloHTTPdedicatoaltrasferimentodidocumentiintaleformato.

Nelgiugno1993Berners-Leenepubblicaunaprimadefinizioneformale,firmatainsiemeaDanielConnollyesostenutadalgruppodilavorodell'InternetEngineeringTaskForcechiamatoIntegrationofInternetInformationResources,perproporlacomestandardIETF

Unpo’distoria

Nelgennaio2000,vienepubblicatocomestandardXHTML1.0,unavariantediHTML4.01cheusaXML1.0anzichéinSGMLcomemetalinguaggiodimarkup,permigliorarnel'interoperabilitàconaltrilinguaggidellafamiglia.

IlW3CdecidediabbandonareHTMLedicontinuarelosvilupposolosuXHTML:XHTML1.0diventaW3Crecommendation(standard)il26Gennaio2000,eXHTML1.1il31Maggio2001.

L'XHTMLèilsuccessoredirettodell'HTML4.1.

Standard

LosviluppovenneavviatodalgruppodilavoroWebHypertextApplicationTechnologyWorkingGroup (WHATWG)(fondatonel2004dasviluppatoriappartenentiadApple,MozillaFoundationedOperaSoftware)chesiposecomeobiettivoquellodiprogettaredellespecificheperlosviluppodiapplicazioniweb,focalizzandosisumiglioramentieaggiunteadHTMLealletecnologiecorrelate.InizialmenteincontrastoconilWorldWideWebConsortiumperlelungaggininelprocessodievoluzionedellostandardhtmleperladecisionedelW3Cdiorientarelastandardizzazioneversol'XHTML2chenongarantivaretrocompatibilità,

LostessoW3Chapoiriconosciutovalidetalimotivazioni,annunciandodicreareunappositogruppoperlastandardizzazionedell'HTML5eabbandonarel'XHTML2.0.Dal2007ilWHATWGhacollaboratoconilW3Cintaleprocessodistandardizzazione,perpoideciderenel2012disepararsidalprocessodistandardizzazionedelW3C,creandodifattodueversionidell'HTML5:laversionedelWHATWGvienedefinitacome"HTMLLivingStandard"equindiincontinuaevoluzione,mentrequelladelW3Csaràunaunicaversionecorrispondenteaduno"snapshot"delLivingStandard.

Il28Ottobre2014,HTML5èdiventatoufficialmentestandardW3C(http://www.w3.org/TR/html5/)

HTML5

Struttura

<!DOCTYPEhtml>

<html>

<head><title>ConformingHTML5Template</title></head>

<body>

</body>

</html>

Laprimalinea<!DOCTYPEhtml>èladichiarazionedeltipodidocumento(chesegue).FasaperealbrowserqualetipodiHTMLdeveutilizzareperinterpretarelapagina(inquestocaso,HTML5).Vainseritosempre!

Iltag <html>èiltag diaperturachedicealbrowserchetuttoquellochesitrovatraquelloeilcorrispondentetag dichiusura</html>,èundocumentohtml.

Tra<body> e</body> vaaggiuntotuttoquellochesivuolesiavisualizzatonellapagina.ATTENZIONE:tuttociòcheèfuoriquestiduetag,nonvienevisualizzatoenonfapartedellapaginaveraepropria.

Nontuttiitag hannoilcorrispondentetag dichiusura,peresempio<br>(linebreak).InXHTMLiltagvuolecomunqueunoslash dichisusura (<br />),mentreinHTML5basta<br>.

Struttura<!DOCTYPEhtml><html><body>Thisismyfirstwebpage

</body></html>

DTD =DocumentTypeDefinition.IlDocumentTypeDefinition(definizionedeltipodidocumento)èunostrumentoutilizzatodaiprogrammatoriilcuiscopoèquellodidefinirelecomponentiammessenellacostruzionediundocumentoXML

Differenti DTD

<html><head><title>ConformingHTML5Template</title></head><body></body></html>

<!DOCTYPEhtml>

HTML5

DTD =DocumentTypeDefinition.IlDocumentTypeDefinition(definizionedeltipodidocumento)èunostrumentoutilizzatodaiprogrammatoriilcuiscopoèquellodidefinirelecomponentiammessenellacostruzionediundocumentoXML

Differenti DTD

<html><head><title>ConformingHTML4.1Template</title></head><body></body></html>

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

HTML4.1

DTD =DocumentTypeDefinition.IlDocumentTypeDefinition(definizionedeltipodidocumento)èunostrumentoutilizzatodaiprogrammatoriilcuiscopoèquellodidefinirelecomponentiammessenellacostruzionediundocumentoXML

Differenti DTD

<html><head><title>ConformingXHTML1.1Template</title></head><body></body></html>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML1.1

L’elemento<head>(cheinziaconiltagdiapertura<head>eterminaconiltagdichisura</head>)appareprimadell’elementobody,econtieneinformazioniapropositodellapagina.Questainformazionenonapparenellafinestradelcontenutodellapagina,nelbrowser.

Iltitolocompariràcomeriferimentodellapaginaselasalvatetraipreferiti.

Head

<html><head><title>EsempiodiTitolo</title></head><body></body></html>

Ilbrowsernoninterpretailtestocomeloavetescritto:seandateacapo,oppuresemettetepiùspazi,ilrisultatovisualizzatosaràsempre:

Peravereduelineeserve

Contenuto inbody

<!DOCTYPEhtml><html><head><title>Myfirstwebpage</title>

</head><body>Thisismyfirstwebpage.Howexciting

</body></html>

<p>Thisismyfirstwebpage</p><p>Howexciting</p>

Ilparagrafo<p>èunelementocontenitorechealsuointernoprevedel’inserimentoditestoedialtritag.

Iparagrafi <p>

<p>Nelprimoparagrafodiquestatrattazione,cioccuperemodell'importanzadeltestonelWeb.Grazieadunsempliceesempiopossiamosperimentaremoltecose.</p>

<p>Perdefaultilbrowsermanderàacapoilcontenutodiquestosecondoparagrafo.</p>

Sipuòenfatizzareiltesto,edarglimaggioreimportanza

<p>Yes,thatreally<em>is</em> exciting.<strong>Warning:</strong> levelofexcitementmaycauseheadtoexplode.</p>

Tradizionalmenteilbrowserinterpreta<em>initalico,e<strong>ingrassetto.Esistonoanche<i>e<b>,maèmegliononutilizzarli,lapresentazionenondevefarpartediHTML(madiCSS).

<br>,comegiàintravistoservepersepararelelinee.Dausareconparsimonia:probabilmenteiltagchesivuoleè<p>.

Altri tag

<!DOCTYPEhtml><html><head><title>Titoli</title></head>

<body>Thisismyfirstwebpage<br>Howexciting</body></html>

Esistono6differentilivellidititolochesiottengonoutilizzandoiseguentitag:

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>

La“h”staper“heading“,cioètitoloeognilivelloindicaunagrandezzadiversa.

Dall'<h1>,cheèilpiùimportante,sivaviaviadegradandofinoall'<h6>cherappresentailtitolocongrandezzaminore.

Ingeneresonorappresentatiingrassettoeconunadimensionedeltestoingrandita.

Gliheading,cosìcomealtritagcontenitori,appartengonoallafamigliadeglielementidiblocco(block).Talielementisonocosìchiamatiperchéunavoltadefiniticreanounbloccoattornoasé,diconseguenzavannoacapoerisultanodistanziatidaglielementichelicircondano.

Titoli (headings)

Titoli (esempio)<!DOCTYPEhtml><html>

<head><title>Titoli</title></head>

<body><h1>Esamediinformatica</h1><h2>Esamediinformatica</h2><h3>Esamediinformatica</h3><h4>Esamediinformatica</h4><h5>Esamediinformatica</h5><h6>Esamediinformatica</h6></body>

</html>

Glielementiblockquote eq sonoutlizzatiperdelimitarepartedeltestocomecitazione.

Solitamenteq èutilizzatopercitazioniinlinea,piùcorte,rispettoablockquote:

Citazioni

<body><p>SoIaskedBobaboutquotationsontheWebandhesaid<q>IknowasmuchaboutquotationsasIdoaboutpigeonfancying</q>.Luckily,IfoundHTMLDoganditsaid:</p>

<blockquote><p>blockquoteandqareusedforquotations.blockquoteisgenerallyusedforstandaloneoftenmulti-linequotationswhereasqisusedforshorter,in-linequotations.</p></blockquote></body>

Esistonolelisteordinate(<ol>)enonordinate(<ul>).Glielementidelleprimevengonosolitamenterappresentateconunnumerosequenziale,mentreperleseconde,conunpallino(bullet).Ognielementodellelistevienecontenutoinduetag<li> …</li>.

Liste

<!DOCTYPEhtml><html><head><title>Liste</title></head>

<body><ul><li>TolearnHTML</li><li>Toshowoff</li><li>BecauseI'vefalleninlovewithmycomputerandwanttogivehersomeHTMLloving.</li></ul></body></html>

Liste ordinate

<!DOCTYPEhtml><html><head><title>Listeordinate</title></head>

<body><ol><li>TolearnHTML</li><li>Toshowoff</li><li>BecauseI'vefalleninlovewithmycomputerandwanttogivehersomeHTMLloving.</li></ol></body></html>

Collegamenti,immagini,etabelleALTRI ELEMENTI

Perora abbiamo visto com’è fatta una pagina,ma“HyperText”inHTMLsignifica ipertesto,cioèpiù documenti ditesto collegati insieme (questo è il WWW).

Iltagancora (anchor)<a> serveadelimitare lapartedeltesto che,una volta cliccata,ciportaadunaltro documento.Inpiù deve esser eperò anche specificato unlinkdidestinazione.

Collegamenti (link)

<h2>Wheretofindthetutorial</h2><p><ahref="http://www.htmldog.com">HTMLDog</a></p>

Ladestinazione è specificata tramite attributo href dell’elemento ancora.Inquesto caso è assoluto,mapuòessere anche relativo sesi riferisce adunpagina sullo stesso computer.<ahref=”miapagina.html">Altra pagina sul mio computer</a>

CollegamentiadaltrepaginesulpropriocomputerLadestinazioneèspecificatatramiteattributohref dell’elementoancora.Inquestocasoèassoluto,mapuòessereancherelativosesiriferisceadunpaginasullostessocomputer.

<ahref=”miapagina.html">Altrapaginasulmiocomputer</a>

Sel’immaginesitrovaaltrove,ènecessarioinserireilpercorsodovesitroval’immagine,enonsoloilnome.Lovedremopiùavanti.

Consolamenteilnome,peresempiomiapagina.html,ilbrowsercercal’immaginenellastessacartelladellapaginaincuisistainserendoillink.

Sel’immaginenonsitrovanellastessacartella,ESSANONVERRÀVISUALIZZATA.

Pùoessereassociatounidentificatore,tramiteattributoid,adunelementodellapagina.

<h2id=”dogs">Dogs</h2>

…

<h2id=”cats">Cats</h2>

Poi,quandosivuolesaltareinquelpuntodaun’altrapartedellastassapagina

<ahref="#dogs">GotoDogs</a>

Salti all’interno della stassa pagina

HTML5nonrichiedechegliattributisianospecificatiinminuscolo:peresempioALT oppureAltsonoattributivalidi.W3Craccomandacomunquediscriverliminuscolierichiede(obbligatoriamente)chesianominusoliperXHTML.

Stessacosaperquantoriguardagliapici.W3Craccomandadiutilizzaregliapiciperquotareilvaloredell’attributo,erichiedelaloropresenzasesiusaXHTML.AltrimentiHTML5permetteancehdiscrivere

<ahref=http://www.w3schools.com>

invecedi

<ahref=“http://www.w3schools.com”>

Avoltecomunqueènecessarioutilizzarli:quandocisonodeglispazinelvalore:

NO<ptitle=AboutW3Schools>SI<ptitle=“AboutW3Schools”>

Alcune precisazioni risp.standard

Leimmaginisicomportanocomeilink,nelsensocheèsufficientemenzionare(conuntagdifferentedaquellodell’ancoraailnomedelfiledell’immagine).

Sel’immaginesitrovanellastessacartelladellapagina,èsufficienteutilizzareiltag img.

Peresempiosesivuoleinserirel’immaginechestanelfilenome_immagine.jpg,sipuòutilizzare

<img src=“nome_immagine.jpg”>

Immagini

Inquestoesempio,utilizziamounaimmaginechesitrovasuInternetadundatoindirizzo,enonsulnostrocomputer.

Immagini

<!DOCTYPEhtml><html><head><title>Titoli</title></head>

<body><h3>Paginaquisotto</h3><imgsrc="http://www.htmldog.com/badge1.gif"width="120"height="90"alt="HTMLDog"></body>

</html>

JPEG(JointPhotographicExpertGroup)èprodottatramiteunalgoritmodicompressione,chemodifica(piùomeno)l’immagineiniziale.Èdisolitoutilizzateperlefotografie.

GIF(GraphicsInterchangeFormat):nonpuòaverepiùdi256colori.Menocoloriportanoadunadimensioneminore.Nonèunformatocompressomabitmap.Utilizzataingenerepericoneologhi.Unpixelpuòessereanchetrasparente.

PNG(PortableNetworkGraphics):comeGIFmaconsente16milionidicolori.Anchequestoformatopuòessereutilizzatoperfoto.

Alcuni ditipidifileimmagine

TuttiglielementiHTMLpossonoavereattributi.Essiaaggiungonoulterioreinformazioneapropositodell’elementoinquestione.

Vengonospecificatisempreneltagdiaperturaesolitamentesonodefinititramitelacoppianame=“value”(nomedel’attributoesuovalore).

Attributi dielementi

<!DOCTYPEhtml><htmllang="en-US"><body>...</body></html>

<ptitle="I'matooltip">Thisisaparagraph.</p>

<ahref="http://www.w3schools.com">Thisisalink</a>

<imgsrc="w3schools.jpg"width="104"height="142">

<imgsrc="w3schools.jpg"alt="W3Schools.com"width="104"height="142">

Storicamenteletabellesonostateutilizzate(inmodoabusato)perimpaginaretuttaunapagina;peresempiol’intestazioneeraunariga,lacolonnasisinistraeraunacolonnadellatabella,ecosìvia.PerlavisualizzazionecipenseremoquandofaremoCSS.

Tabelle

<tr><td>Row3,cell1</td><td>Row3,cell2</td><td>Row3,cell3</td></tr>

<tr><td>Row4,cell1</td><td>Row4,cell2</td><td>Row4,cell3</td></tr></table></body>

<body><table><tr><td>Row1,cell1</td><td>Row1,cell2</td><td>Row1,cell3</td></tr>

<tr><td>Row2,cell1</td><td>Row2,cell2</td><td>Row2,cell3</td></tr>

table=tabelltd=datacelltr=tablerow

Laprimarigapuòavereelementi<th> inveceche<td>.

Rappresentanogliehaderdellatabella,solitamenteingrassetto.

Tabelle conintestazioni<table><tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr><tr><td>Jill</td><td>Smith</td><td>50</td></tr><tr><td>Eve</td><td>Jackson</td><td>94</td></tr></table>

Tabelle conrowspan ecolspan<tr><td>name</td><td>price</td></tr>

<tr><td>name</td><td>price</td></tr></table>

<table><tr><td>Name1</td><td>Name2</td><tdcolspan="2">Name3</td><td>Name4</td></tr>

<tr><tdrowspan="3">ITEM1</td><tdrowspan="3">ITEM2</td><td>name</td><td>price</td><tdrowspan="3">ITEM4</td></tr>

Tabelle condentro tabelle<table><tr><td><table><tr><td>2ndTable</td><td>2ndTable</td></tr><tr><td>2ndTable</td><td>2ndTable</td></tr></table></td>

<td>Thecellnexttothisonehasasmallertableinsideofit,atableinsideatable.</td></tr></table>

Percorsi (path)COMEORGANIZZARE IL CONTENUTO DELLE DIRECTORY

Certevolte,perorganizzaremegliotuttiifilechecompongonoilsitoWebchesistacostruendo,ènecessariosuddividerliinpiùcartelle.PeresempioIfiledelleimmaginipossonoesserespostatiinunacartellaaparte.

Tuttoquellocheabbiamodettosuilinkesulleimmaginideveesseremodificato.Semettiamosoloilnome,ilbrowsercercapaginehtmlimmagininellastessacartelladellapaginaincuistiamomettendol’immagineodunlinkadunaltrapagina.

Perquestomotivoènecessariononspecificaresoloilnome,maunpercorsoversoquellaparticolareimmagineopaginawebacuicivogliamoriferire.

Percorsi

Esempio

AltrapaginacomeDirectionsImmagini

Organizzareledirectory!

loungelounge.html

elixirs.html

directions.html

green.jpgblue.jpg

drinks.jpg

Unacartelladiprogetto,lounge,condentrotuttiifile:tuttelepaginehtmletutteleimmagini.

Comel’Esercizio2suSushi

Ancorapiù ordine!lounge

lounge.html

elixirs.html

directions.html

green.jpgblue.jpg

drinks.jpg

immagini

about

beverages

Inquestocasoorganizziamoi fileinpiùsottocartelle,comeinEsercizio4sushi

< a href=“./beverages/elixir.html”> elixirs</a>

< a href=“elixir.html”> elixirs</a>

Comecambiare link

Pertornare alla home

< a href=“../lounge.html”>lounge</a>

< a href=“lounge.html”>lounge</a>

./ significa“cercanelladirectorydovesitrovailfilechecontinenequestolink”

../ significa“cercanelladirectorysuperioreadovesitrovailfilechecontienequestolink”

Altro esempio

lounge

about

directions

lounge.html

directions.html

< a href=“../../lounge.html”>lounge</a>

< a href=“./about/directions/directions.html”>directions</a>

Commenti finali

Unelementobloccoiniziasempresuunanuovalineaeoccupatuttalalarghezzapossibileadestraesinistra.

Esempisono<h1>(eglialtrititoli)e<p>

GlielementiInlinenoninizianosuunanuovalineaeoccupanosololospazionecessario.

Esempisono<a>(perdefinireunlink),<img>(perun’immagine),e<span>(utilizzatoperdelimitareparteditesto;poivediamodegliesempi).

QuindiesitonoELEMENTI,chesonodefinitidatag,incerticasisiadiaperturachedichisura.

Elementi blockeInline

Iltagspanèutilizzatoperraggruppareelementiinline,anchesemplicementetesto.

Dipersénonapportanessuncambiamentodivisualizzazione.

<p>Mymotherhas<spanstyle="color:blue">blueeyes</span>,andblondehair.</p>

Span

Annidamento (nesting)

Esempio corretto esbagliato

RICORDARSIDICHIUDEREITAG!

Sipossonoaggiungerecommentichenonvengonovisualizzatinelbrowser.

<!-- Writeyourcommentshere-->

SipossonoscriverecommentiperricordarsidiqualcosadiimportanteoperannotareilcodiceHTMLutilizzato.

Unaltromotivoèpercommentaretemporaneamentedellelineedicodice,senzacancellarleepoiriscriverlenuovamente.

<!-- Donotdisplaythisatthemoment

<ahref=”http://www.ciao.it">Sitociao</a>

-->

Commenti

Risorse estrumenti

W3CSchoolTutorial

http://www.w3schools.com/html/default.asp

Quandononviricordatequalcosa,adesempioilnomedeltag,lasuasintassi,isuoiattributi,controllatesubitolì

Altrotutorial,siaCSSchehtml,HTMLDog:

http://htmldog.com/guides/

Risorse

Brackets,Mac,Windows

http://brackets.io

HTML-Kit292(versionefree),Windows

http://www.htmlkit.com/download/next/?download292=1&thankyou=1

Cofeecup,Windows

http://www.coffeecup.com/free-editor/

Strumenti

W3CValidatorCOMEVALIDARE I DOCUMENTI RISPETTO AGLI STANDARD

Linguaggio einsieme caratteri

HTMLversione 5

Linguaggio,italiano

Setdicaratteri,UTF8:si possono utilizzareanche lelettere accentate!

Utilizziamoquestoschemapertuttelepaginechescriviamo:riportareitag indicatidalle3frecceintuttelepagine

All’indirizzo

https://validator.w3.org/#validate_by_upload

Validiamo HTML5

Validatore HTML(perpassaggio difile)

Perognunadellepagine:

1. Seguirelastrutturadidueslidefa,perognunadellepaginechecompongonoilsito

2. Aprireilvalidatore (indirizzoprecedente)epassarelapaginahtml,sfogliandoecaricandola

3. Seilrisultatoèunalistadierrori,capireilprimoerroredellalistaguadandonell’html allalineasegnalata,correggere,erivalidareperesseresicurichel’erroresiastatocorretto

4. Ripetereilpunto3finoachenoncisonoerroriperognunadellepaginedelsito

Passi daseguire