Manera correcta de ordenar etiquetas

mathiasmontiel · #1 (**permalink**) 23/11/2013, 04:36

Cómo debería ser?

1.

Código:

<!DOCTYPE html>
<html lang="es"> 
<head>
</head>
    
<body>
    <div>
    </div>
</body> 
</html>

2.

Código:

<!DOCTYPE html>
<html lang="es"> 
    <head>
    </head>
    
    <body>
        <div>
        </div>
    </body> 
</html>

3.

Código:

<!DOCTYPE html>
    <html lang="es"> 
        <head>
        </head>
        
        <body>
            <div>
            </div>
        </body> 
    </html>

Yo hago como en el ejemplo 2.

HackID1 · #2 (**permalink**) 23/11/2013, 05:48

Ya eso es a tu gusto, yo igual a veces uso el ejemplo 2 o el 3.

Lo importante es que lo que sigue dentro del head y body este ordenado con buena indentación para una fácil lectura del código.

Código HTML:

Ver original<html>
<head>
                 <?php
                         $var = 0;
                         /* Resto de código */
 
                 <?
 
                 <script>
 
                 </script>
</head>
 
<body>
                 <h1>Titulo</h1>
                 <p>
                        Mi sitio 
                        <input type=text name=boton </input>          
                 </p>
                 
</body>
 
</html>

Donde se ve claramente que el input va dentro de un parrafo por ejemplo, creo que es lo primordial y la correcta

apertura de etiquetas y el cierre de etiquetas, ya que esto si es importante si luego quieres pasar este código a

un XML en el cual si se respeta estos conceptos ya que viene definido el estilo en un fichero que debe en la

mayoría de los casos cumplir este factor.

Saludos!

gnzsoloyo · #3 (**permalink**) 23/11/2013, 06:16

Básicamente es esa la idea. La indentación de los bloques sólo tiene uso para la comprensión de los programadores.
Esa indentación es irrelevante para el sistema.
De hecho ni siquiera nota si tienen o no saltos de línea, porque ambas cosas son invisibles para la máquina. Pero sí es necesaria para que el programador pueda analizar y comprender la codificación rápidamente, evitando perder el tiempo tratando de adivinar lo que el que lo escribe pretendió hacer.

TE recomiendo usar editores con corrector automático para hacer este tipo de codificación.

ggomez91 · #4 (**permalink**) 24/11/2013, 14:59

En realidad no importa pero pues las reglas estrictas de xml indican que es el 2. Pero pues es común que la gente encuentre el 1 o 3 más cómodos y los IDEs te formatean el código de esa forma.

pzin · #5 (**permalink**) 25/11/2013, 02:04

Si es algo que sólo vas a ver tú, hazlo como te parezca más cómodo para ti. Aunque una indentación de precisión militar siempre va a ser más legible.

JesusPerezManga · #6 (**permalink**) 26/11/2013, 12:18

Yo usaría el ejemplo 2 que me parece el más correcto, pero como dicen por aquí, deberías recurrir al que más cómodo te parezca.