por que indentar o seu código?

vamos ver alguns exemplos de técnicas de codificação para deixar claro por que você deve indentar seu HTML.,nds & texto/conteúdo começa

  • Difícil ver onde o </p> é que, mesmo com a quebra ligado

    • Errado método 2: 3 linhas, mas não indentação 

    <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>

    OU 

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

    Problema: Porque tudo o que está na margem esquerda, difíceis de diferenciar de código & texto/conteúdo

    o Melhor método: recuar o texto/conteúdo 

    <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>

    Vantagens:

    Exemplos de código, indentação

    Aqui estão alguns exemplos de como WebSanity gosta de avanço de nosso código.,

    elementos nível de Bloco 

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

    Nota: observe como o texto/conteúdo é recuado dentro de <p> e, em seguida, <p> é recuado dentro de <blockquote>. Isto chama-se ninho. Vês como é fácil dizer o que é uma criança de quê?

    nota: novamente com os múltiplos níveis de indentação—mas deve ser óbvio o quanto ajuda a ler esse código!,

    Exceções 

    <h1>Title of the page</h1>

    Nota: Nós não recuo <h1> & outros cabeçalhos, porque eles são curtos, mas se você deseja recuar <h#>, que seria ótimo. 

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

    Nota: Novamente, nós não recuo <title> & a maioria dos outros itens dentro de <head> porque eles são curtos., 

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

    Inline elements

    You never indent inline elements. Trata-os como texto/conteúdo. Exemplos:

    e a estrutura básica de uma página web?

    Então, porque não <head> & <body> recuado?, Um par de razões:

    • Você sabe que <head> & <body> são os filhos de <html>; na verdade, eles estão sempre a apenas crianças de <html> portanto, não há necessidade de lembrar-se deste através do aninhamento
    • salvar-se um nível de indentação; quando você iniciar o aninhamento de HTML dentro do HTML dentro do HTML dentro do HTML, isso pode adicionar até