PRINCIPI DI HTML E XTHML QUALE STANDARD USARE?

Tutorial->Tutorial Css

1Vota

PRINCIPI DI HTML E XTHML QUALE STANDARD USARE?

PERCHÉ SCEGLIERE UNO STANDARD PIUTTOSTO CHE UN ALTRO

ESSENZIALMENTE UNO STANDARD È UN MODO SINTATTICO STABILITO DAL W3C AL FINE DI VISUALIZZARE LE PAGINE WEB.
OGNI STANDARD È DEFINITO DAL W3C, IL SITO PRESIEDUTO DA BERNERS LEE, IN CUI VENGONO RACCOLTI TUTTI GLI STRUMENTI VOLTI ALLA GESTIONE DEGLI STANDARD. IL SITO DEL W3.ORG I POSSIAMO TROVARE TUTTI I DTD.
Attualmente l’html 5 è in fase di sperimentazione.

Un dtd è fisicamente un file che contiene tutti i tag e attributi relativi a lo standard definito.
Nella dichiarazione html del nostro sito o pagina web dobbiamo usare l’attributo Doctype in cui è specificato il Dtd.
L’Html transitional 4.1 ad esempio ha come dtd http://www.w3.org/TR/html4/loose.dtd
Ogni doctype è scritto a livello di sintassi dal proprio editore di testi, ad esempio Dreamweaver permette di specificare tramite apposito comando, modify ->Page Properties->title/Encoding->document Type
Ecco un esempio tipico da porre in alto ad ogni pagina Html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

L’html transitional è lo standard di passaggio al Xhtml.
Xhtml è un’applicazione xml e quindi bisogna rispettare le regole xml.
Per capire bene differenza tra html e Xhtml possiamo fare un breve riassunto:
- tag e attributi sono in minuscolo
-obbligo mettere il tag di chiusura ad esempio <p> e </p>
Valori di attributi vanno indicati con apice o singolo apice <td align=”center”>
-I tag singoli tipo <br> diventano <br />
-Si utilizza id per identificare gli elementi della pagina.
-tutti i tag devono essere annidati ad esempi o <b><i>un test</b></i> è un errore anche se in html questo codice sarebbe funzionato
Ogni elemento deve avere un valore, ad esempio nelle option se selezionate dobbiamo mettere selected=”selected”, mentre in html normale possiamo usare <option selected>
Anche il form quindi <form action="action"></form> in html normale possiamo usare action=""
-GLi elementi vuoti vanno terminati con /> <img src="test.gif"/> è un esempio.

In Dreamweaver impostare il tipo di document di default dal menu file->convert e scegliere il tipo.
La codifica di default viene impostata a utf-8, la quale permette di visualizzare i principali linguaggi senza problemi.
http://validator.w3.org/ permette le validazioni dei propri documenti.

Un Quiz per testare la tua capacità css : http://www.w3schools.com/quiztest/quiztest.asp?qtest=CSS
Il css può essere validate: http://jigsaw.w3.org/css-validator/

Esiste anche una versione eseguibile per pulire l’html secondo uno standard:
http://www.paehl.com/open_source/?HTML_Tidy_for_Windows
html tidy infatti sta per pulire l’html.

Pspad incorpora la libreria Tidy, quindi è più semplice in quanto la versione del sito è senza GUI, senza una interfaccia grafica.
Questi strumenti permettono di allinearsi ai vari standard.