de Ce liniuță codul dvs.?

să ne uităm la câteva exemple de tehnici de codificare pentru a clarifica de ce ar trebui să indentați HTML-ul.,nds & text/conținut începe

  • Greu pentru a vedea în cazul în care </p> este, chiar și cu ambalaj pornit

    • Greșit metoda 2: 3 linii, dar nici o indentare 

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

    SAU 

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

    Problema: Pentru că totul este la marginea din stânga, greu să se diferențieze de cod & text/conținut

    Mai bună metodă: liniuță text/conținut 

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

    Avantaje:

    Exemple de cod indentare

    Aici sunt câteva exemple de cum WebSanity îi place să liniuță codul nostru.,

    elemente de nivel Bloc 

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

    Notă: Observați modul text/conținut este indentat interior <p>, și apoi <p> este indentat interior <blockquote>. Aceasta se numește cuiburi. A se vedea cât de ușor este de a spune ceea ce este un copil de ce?

    Notă: din Nou, cu mai multe niveluri de crestarea—dar ar trebui să fie evident cât de mult ajută citi acest cod!,

    Excepții 

    <h1>Title of the page</h1>

    Notă: Noi nu liniuță <h1> & alte antete pentru că sunt scurte, dar dacă vrei să liniuță <h#>, care ar fi bine. 

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

    Notă: din Nou, noi nu liniuță <title> & cele mai multe alte elemente de interior <cap> pentru că sunt scurte., 

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

    elemente Inline

    nu Ai liniuță elemente inline. Tratați-le ca text/conținut. Exemple:

    cum rămâne cu structura de bază a unei pagini web?

    Deci, de ce nu <head> & <body> alin?, Un cuplu de motive:

    • știți că <head> & <body> sunt copiii <html>; în fapt, sunt doar copii de <html>, deci nu este nevoie pentru a vă reaminti de acest lucru prin intermediul cuiburi
    • salvați-Vă de un nivel pe indentare; când începe cuiburi HTML în interiorul HTML în interiorul HTML în interiorul HTML, acest lucru se poate adăuga în sus