Sobre la etiqueta <script>

lucianonicolas · #1 (**permalink**) 31/05/2010, 15:05

¡Buenas!

XHTML indica que las etiquetas «vacías» pueden escribirse de la siguiente manera <etiqueta /> o bien <etiqueta></etiqueta>. Para poner un ejemplo puedo mencionar la etiqueta <img> en las dos versiones válidas:

Código HTML:

Ver original<img src="image.jpg" width="640" height="480" />
<img src="image.jpg" width="640" height="480"></img>

Entonces, se asume que con la etiqueta <script> pasaría lo mismo (es válido, lo comprobé en el validador del W3C):

Código HTML:

Ver original<script type="text/javascript" src="file.js" />
<script type="text/javascript" src="file.js"></script>

Ahora bien, yo hice los test con toda mi batería de navegadores, pero... ¿alquien sabe si existe algún problema al usar la etiqueta <script> de esta forma?

Si no trae ningún inconveniente entonces nos ahorramos unos caracteres (pocos, pero todo «suma»), y nuestro código queda «más prolijo». Y sí, ya sé, no descubrí la pólvora, pero es bastante desconocido el hecho de poder usar la etiqueta <script> de esta forma.

Espero sus respuestas.

caricatos · #2 (**permalink**) 31/05/2010, 23:33

Hola:

Lo correcto es poner el cierre, ya que a pesar de estar vacía, es una etiqueta que podría tener contenido, como tantas otras (textarea, por ejemplo), y aquellas que no tienen contenido (otras cuantas como hr, br, input, img, meta...) nunca tienen contenido, así que de cerrarse, tiene que ser en la misma etiqueta de apertura.

Saludos

lucianonicolas · #3 (**permalink**) 03/06/2010, 20:30

Claro, eso lo sé, pero según leí en las especificaciones de XHTML 1.0, las etiquetas que no tienen contenido, pueden cerrarse de forma abreviada, o de la forma normal. Por ejemplo, el <textarea> también es válido cerrarlo abreviadamente.

Sé que es un tema sin mucha importancia para los que quieren que funcione «y ya está». Lo mío viene más por el lado investigar un poquito más.

Pueden comprobar ustedes que es válido; coloquen este código en el validador del W3C (http://validator.w3.org/):

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Documento sin título</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
 
 <form action="form.php" method="post">
  <fieldset>
   <textarea cols="1" rows="1" name="textarea" id="textarea" />
  </fieldset>
 </form>
 
 <script type="application/javascript" src="file.js" />
 
 <div>
  <img src="image.jpf" width="640" height="480" alt=""></img>
 </div>
    
</body>
</html>

Ahora bien, mi duda es saber si esto es realmente correcto, porque según entendí en las especificaciones es así y el validador lo confirma. PERO, peeero... en mis pruebas no funcionó.

¡Saludos!