Perché indentare il codice?

Diamo un’occhiata ad alcuni esempi di tecniche di codifica per chiarire perché dovresti indentare il tuo HTML.,nds & testo/contenuto inizia con

  • Difficile vedere dove il </p> si, anche con avvolgimento acceso

    • Sbagliato metodo 2: 3 linee, ma non rientro 

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

    O 

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

    Problema: Perché tutto è al margine sinistro, è difficile distinguere il codice & testo/contenuto

    metodo Migliore: il rientro di testo/contenuto 

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

    Vantaggi:

    Esempi di indentazione del codice

    Ecco alcuni esempi di come WebSanity piace per il rientro del nostro codice.,

    elementi Block-level 

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

    Nota: si Noti come il testo/contenuto è rientrato all’interno del <p> e poi <p> è rientrato all’interno del <blockquote>. Questo è chiamato nidificazione. Vedi quanto è facile dire cosa è un figlio di cosa?

    Nota: ancora una volta con i più livelli di rientro-ma dovrebbe essere ovvio quanto aiuta a leggere quel codice!,

    Eccezioni 

    <h1>Title of the page</h1>

    Nota: non Si trattino <h1> & altre intestazioni perché sono brevi, ma se si desidera trattino <h#>, che sarebbe bene. 

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

    Nota: Ancora una volta, non ci trattino <title> & la maggior parte degli altri elementi all’interno del <testa> perché sono brevi., 

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

    Elementi in linea

    Non si indentano mai elementi in linea. Trattali come testo / contenuto. Esempi:

    Che dire della struttura di base di una pagina web?

    Quindi perché<head>&<body> indentato?, Un paio di motivi:

    • sai che <head> & <body> sono i figli di <html>; in realtà, sono sempre i figli solo di <html> quindi non c’è bisogno di ricordare a voi stessi di questa via di nidificazione
    • Si salva te stesso un livello di indentazione; quando si avvia la nidificazione HTML all’interno di codice HTML all’interno di codice HTML all’interno di codice HTML, questo può aggiungere fino