Dal HTML a xHTML ed a CSS

Share

|

Originalmente mi sono insegnato che il HTML 4.0 alcuni anni fa, ma io lo ha trovato difficile fare la transizione a usando il xHTML con CSS (fogli procedenti in sequenza di stile). Tuttavia, dovuto essere coinvolgere con un piccolo Web site sono stato costretto ad avere il significato di esso. In questo articolo funzionerò con le implicazioni pratiche di commutazione fra i due, in altre parole che cosa dovrete fare per fare funzionare il vostro HTML con gli stylesheets.

I.m che non va superare la storia di xHTML qui, ma voi dovrebbe prendere nota che ci è molto tags. che è stato disapprovato e dovrebbe essere evitato dentro quando usando il xHTML.

La prima differenza importante nel xHTML viene sotto forma di la relativa sintassi. La lingua è caso sensibile, in modo da interamente non è scritto nella lettera minuscula, più uso delle protezioni! Secondariamente, il tags., o gli elementi da essere tecnici, ora è classificato in due tipi: quelli che 'contenga 'i dati e quelli che sono 'si svuotano '. Un esempio della forza precedente è un elemento di paragrafo, che ha una modifica di chiusura. Quello che è fra queste due modifiche è 'i dati contenuti '. Per esempio, una frase è capita per essere dati. Un esempio di un Empty tag potrebbe essere una linea rottura ed è scritto un po'diversamente che in HTML 4.0, come segue: < xmp><br /></xmp >. Altri tipi 'vuoti 'includono l'elemento < il xmp><img /></xmp > di immagine e l'elemento < il xmp><hr /></xmp > di ligna orizzontale. Avviso quanto ci è uno spazio e un di andata-taglio dopo l'elemento.

Un altro punto da considerare è che perché il xHTML è supposto per essere compatibile attraverso i vari dispositivi, tutte le immagini devono avere mezzi che alternativi del (which di descrizioni dovete usare la proprietà 'dell'alt 'negli elementi di immagine, it.s più appena un'opzione). Similmente, farete il vasto uso dell'attributo 'dell'identificazione 'nel xHTML (simile all'attributo 'nome ', ma usato diversamente - veda sotto).

La transenna più grande per me stava imparando personalmente la sintassi di CSS. Ci sono realmente tre sensi di usando il CSS, di cui uno deve generare un documento separato con un'estensione dei css. Questa lima conterrà tutti gli attributi di designazione degli elementi nel vostro codice del xHTML. Potete anche disporre il CSS nell'elemento del head., o potete includerli in un elemento dovunque nel vostro codice (in entrambi i casi usereste l'elemento del style.). Usando una lima esterna può essere utile come cambiamenti fatti a questa cascata dell'un documento durante il vostro Web site, quindi eliminando la necessità di cambiare il codice ad ogni pagina. La sintassi consiste basicamente 'selettore ', che può essere di un selettore 'dell'identificazione ', di un selettore di codice categoria o di un selettore di codice categoria generico. Così, per esempio, ho dato ad un elemento del img. l'identificazione "MyImg", allora vado al mio css section/file e genero il selettore # il MyImg {}. qui sono dove la sintassi viene poll. # simbolo significa che ho generato un selettore dell'identificazione, in modo da che cosa segue nelle parentesi curve si applicherà a tutti gli elementi con l'identificazione "MyImg". Un esempio ha potuto osservare qualcosa come questo:

# MyImg {larghezza: 200px; altezza: 
100px; bordo: 0px}

Noti che uso i due punti al posto del segno di uguali assegnare i valori. Se non riuscite a fare il questo i vostri stili non saranno applicati. Inoltre, ogni attributo è seguito da un punto e virgola che li separa. Se non seguite questa sintassi quando usando il CSS la vostra designazione non entrerà in vigore l'in vigore. L'ultima cosa che dovete conoscere per ottenere cominciati è come collegare il vostro documento esterno di CSS al vostro documento del xHTML. Il nido giusto < un ref="stylesheet" > elemento di collegamento href="mystyles.css" in vostra < testa > e voi è aspetta per andare. Ci è abbondanza di nuovi sensi effettuare le mansioni come posizionare nel CSS. Abbia divertimento giocare intorno con queste nuove possibilità!

Bruno Marchand attualmente sta studiando a tempo parziale lo sviluppo di fotoricettore, come pure una modalità lusinghiera holistic di salute denominata carrozzeria integrata. Nel suo tempo di ricambio fa SEO per Africapic; gode il fuoco che balla ed ha un'affinità grande per i rettili.