HTML - indentation

by scheinercc

HTML

<!-- not recommended -->
<doctype html>
    ...
    <body>
        <p><span><a>some text</a></span></p>
        <ul>
            <li>text</li>
            <li>text<br>text
            </li></ul>


        
<!-- recommended -->
<doctype html>
    ...
    <body>
        <p>
            <span><a>some text</a></span>
        </p>
        <ul>
            <li>text</li>
            <li>
                text
                <br>
                text
            </li>
        </ul>


        
<!-- recommended2 - better for localisation -->
<doctype html>
    ...
    <body>
        <p>
            <span><!-- be aware of whitespace on inline elements -->
                <a>some text</a>
            </span>
        </p>
        <ul>
            <li>
                text
            </li>
            <li>
                text
                <br>
                text
            </li>
        </ul>