pourquoi indenter votre code?

examinons quelques exemples de techniques de codage pour expliquer clairement pourquoi vous devez indenter votre code HTML.,nds & texte/contenu commence

  • Difficile de voir où le </p> est, même avec du papier d’emballage activé

    • Mauvaise méthode 2: 3 lignes, mais pas d’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>

    OU 

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

    Problème: Parce que tout est à la marge de gauche, difficile de différencier le code & texte/contenu

    Meilleure méthode: tiret texte/contenu 

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

    les Avantages:

    des Exemples de code indentation

    Voici quelques exemples de la façon dont WebSanity aime tiret notre code.,

    éléments de niveau bloc 

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

    Remarque: remarquez comment le texte/contenu est indenté à l’intérieur de <p>, puis <p> est indenté dans <blockquote>. Ceci est appelé la nidification. Voyez comme il est facile de dire ce qu’est un enfant de quoi?

    remarque: encore une fois avec les multiples niveaux d’indentation—mais il devrait être évident à quel point cela aide à lire ce code!,

    les Exceptions 

    <h1>Title of the page</h1>

    Note: Nous n’avons pas le retrait <h1> & autres en-têtes parce qu’ils sont à court, mais si vous voulez le retrait <h#>, ce serait bien. 

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

    Note: Encore une fois, nous n’avons pas le retrait <title> & la plupart des autres éléments à l’intérieur de la balise <tête> parce qu’ils sont courts., 

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

    des éléments Inline

    Vous n’avez jamais de retrait des éléments linéaires. Traitez-les comme du texte/du contenu. Exemples:

    Qu’en est-il de la structure de base d’une page Web?

    pourquoi ne pas <head> & <body> en retrait?, Un couple de raisons:

    • Vous savez que <head> & <body> sont les enfants de <html>; en fait, ils sont toujours les seuls enfants de <html>, donc il n’y a pas besoin de vous rappeler par l’imbrication
    • vous enregistrez Vous-même d’un niveau sur l’indentation; lorsque vous démarrez l’imbrication HTML HTML HTML HTML, ce qui peut ajouter jusqu’