Tidying HTML5 Output Indentation in PHP

Question

My web application produces HTML5 output as a concatenation of a variable number of views. The end result is a mess of indentation:

            </div>
        </div>

        <div id="content">

<div id="question-header">
    <h1>

I want to indent the code to obscure the origin of individual views and to make the output easier to follow.

I have looked into the Tidy PHP extension but all my attempts to make it work with HTML5 have produced improper indenting.

Answer 1

If you want to obscure the origin of individual views, I suggest you to minify the HTML. This will have the added benefit of reducing the document size.

As for making the HTML output easier to follow, browsers come with debug utilities that parse and render out DOM tree in an indented format, e.g. https://trac.webkit.org/wiki/WebInspector, http://getfirebug.com/.