Come gestire il codice css e script in un documento xhtml
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 26 Apr 2017
aggiungi in preferiti  
Home    Mappa directory    Script




gestione di css e script all'interno del documento:

Al momento della validazione di un documento XHTML, il codice contenuto nei tag <script> e <style> Ŕ gestito come del comune testo.

Ci˛ non implica il fatto che gli script o gli style non siano eseguiti dal browser, ci˛ vuol dire che se all'interno di tali tag troviamo dei caratteri speciali, ad esempio il termine &amp; XML lo converte nel corrispettivo carattere, oppure se troviamo il segno < (minore di), XML capisce di dover aprire un tag.

Per non far processare tali caratteri, le specifiche XHTML dichiarano che dobbiamo inserire tutto quello che troviamo all'interno dei tag <script> e <style> dentro una sezione CDATA.

La sezione CDATA Ŕ un comando che permette a XML di leggere il testo come Ŕ realmente riportato al loro interno, senza in pratica nessuna manipolazione. All'interno di tali sezioni possiamo includere di tutto, dai tag HTML a del semplice testo. Nel caso specifico includeremo script e style. Tale inclusione ha il compito di non far considerare il testo al loro interno all'atto della validazione del documento.


Esempio:

Questo Ŕ il codice per creare un alert javascript:
<script type="text/javascript">
//<![CDATA[
alert("sono un alert di prova. Chiudimi.")
//]]>
</script>
Questo Ŕ il codice dell'alert di prova che appare appena aperta la pagina.
Potrete verificare la validitÓ del codice cliccando qui

Come potete notare entrambe le righe CDATA sono state precedute da commenti javascript. Se non operiamo in tal senso lo script cercherÓ di interpretare le righe CDATA come parte integrante del codice javascript producendo un errore e non processando lo script.

Dove possibile Ŕ comunque consigliato l'inserimento di script esterni.



Javascript:

Per definire uno script NON possiamo utilizzare l'attributo language="javascript".
La prassi corretta Ŕ la seguente:
<script type="text/javascript">
...
</script>

Altra regola fondamentale Ŕ quella di scrivere tutti i gestori di eventi con lettere minuscole.
Esempio:
onClick ERRATO
onclick CORRETTO



CSS:

Una breve nota del W3C sui CSS consiglia di scrivere tutti i nomi dei css con lettere minuscole.