¿por qué sangrar su código?

veamos algunos ejemplos de técnicas de codificación para dejar claro por qué debe sangrar su HTML.,nds & text/content begins

  • Hard to see where the </p> is, even with wrapping turned on

    • Wrong method 2: 3 lines, but no indentation 

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

    OR 

    <p> <a href="http://en.wikipedia.org/wiki/H._P._Lovecraft">H. P. Lovecraft</a> </p>

    problema: porque todo está en el margen izquierdo, es difícil diferenciar el código & text/content

    mejor método: indent text/content 

    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

    ventajas:

    ejemplos de sangría de Código

    Aquí hay algunos ejemplos de cómo a websanity le gusta sangrar nuestro código.,

    elementos de nivel de Bloque 

    <p> Lorem ipsum. </p>
    <p> Lorem ipsum <br>Dolor sit amet </p>

    Nota: Observe cómo el texto o el contenido de sangría dentro de <p>, y, a continuación, <p> sangría dentro de <blockquote>. Esto se llama anidación. ¿Ves lo fácil que es saber qué es un hijo de qué?

    Nota: nuevamente con los múltiples niveles de sangría, ¡pero debería ser obvio cuánto ayuda a leer ese código!,

    Excepciones 

    <h1>Title of the page</h1>

    Nota: no Nos sangría <h1> & encabezados otro porque son a corto, pero si desea aplicar la sangría <h#>, que estaría bien. 

    <head> … <title>Document title</title></head>

    Nota: de Nuevo, no nos sangría <title> & la mayoría de los otros elementos dentro de <cabeza> porque son cortos., 

    <ul> <li>Lorem</li> <li>Ipsum</li> <li>Dolor</li> </ul>

    los elementos en línea

    nunca sangría de los elementos en línea. Trátalos como texto / contenido. Ejemplos:

    ¿qué pasa con la estructura básica de una página web?

    Así que ¿por qué no <head> & <body> sangría?, Un par de razones:

    • Usted sabe que <head> & <body> son los hijos de <html>; de hecho, siempre son los únicos hijos de <html>, por lo que no hay necesidad de recordar esto a través de anidamiento
    • Se ahorra un nivel en sangría; cuando comienza a anidar HTML dentro de html dentro de html dentro de HTML, esto puede sumar