dark

Cómo incluir JavaScript en documentos XHTML
La integración de JavaScript y XHTML es muy flexible, ya que existen al menos tres formas para incluir código JavaScript en las páginas web.
Incluir JavaScript en el mismo documento XHTML
El código JavaScript se encierra entre etiquetas  y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de código en cualquierzona de la página, se recomienda definir el código JavaScript dentro de la cabecera del documento (dentro de la etiqueta):




Ejemplo de código JavaScript en el propio documento

alert("Un mensaje de prueba");


 

Un párrafo de texto.


Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a la etiqueta. Los valores que se incluyen en elatributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript.
Este método se emplea cuando se define un bloque pequeño de código o cuando se quieren incluir instrucciones específicas en un determinado documento HTML que completen las instrucciones y funciones que se incluyen por defecto en todos los documentos del sitio web.
El principal inconveniente es que si sequiere hacer una modificación en el bloque de código, es necesario modificar todas las páginas que incluyen ese mismo bloque de código JavaScript.
Definir JavaScript en un archivo externo
Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta . Se pueden crear todos los archivos JavaScript que sean necesariosy cada documento XHTML puede enlazar tantos archivos JavaScript como necesite.
Ejemplo:
Archivo codigo.js
alert("Un mensaje de prueba");
Documento XHTML




Ejemplo de código JavaScript en el propio documento


 

Un párrafo de texto.


Además del atributo type, este método requiere definir el atributo src, que es el que indica la URL correspondiente al archivo JavaScript que sequiere enlazar. Cada etiqueta  solamente puede enlazar un único archivo, pero en una misma página se pueden incluir tantas etiquetas como sean necesarias.
Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js, que se pueden crear con cualquier editor de texto como Notepad, Wordpad, EmEditor, UltraEdit, Vi, etc.
La principal ventaja de enlazar un archivo JavaScriptexterno es que se simplifica el código XHTML de la página, que se puede reutilizar el mismo código JavaScript en todas las páginas del sitio web y que cualquier modificación realizada en el archivo JavaScript se ve reflejada inmediatamente en todas las páginas XHTML que lo enlazan.
Incluir JavaScript en los elementos XHTML
Este último método es el menos utilizado, ya que consiste en incluirtrozos de JavaScript dentro del código XHTML de la página:




Ejemplo de código JavaScript en el propio documento

 

Un párrafo de texto.


El mayor inconveniente de este método es que ensucia innecesariamente el código XHTML de la página y complica el mantenimiento del código JavaScript. En general, este método sólo se utiliza para definir algunos eventos y en algunos otros casosespeciales, como se verá más adelante.





Cómo incluir CSS en un documento XHTML
Una de las principales características de CSS es su flexibilidad y las diferentes opciones que ofrece para realizar una misma tarea. De hecho, existen tres opciones para incluir CSS en un documento HTML.
Incluir CSS en el mismo documento HTML
Los estilos se definen en una zona específica del propio documentoHTML. Se emplea la etiqueta de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección ).
Ejemplo:




Ejemplo de estilos CSS en el propio documento

p {color: black; font-family: Verdana; }


 

Un párrafo de texto.


Este método se emplea cuando se define un número pequeño de estilos o cuando se quieren incluir estilos específicos en una...