Vladiator

Validate your HTML markup using CSS

A bloody experiment currently at v1.0

Your HTML is the arena, our CSS3 is the sword

CSS selectors have come a long way. Vladiator utilizes CSS3 selectors to validate your HTML markup.


                    // Simply add Vladiator as a CSS style to your HTML document
                    

                    

                    <link rel="stylesheet" href="vladiator.css">


                    // Absence of high-priority attributes yields
                    

                    // validation error
                    

                    

                    <a>Link 1</a>

Link 1


                    // Same with empty attributes
                    

                    

                    <a href>Link 2</a>

Link 2


                    // This is still invalid
                    

                    

                    <a href="">Link 3</a>

Link 3


                    // Second-priority attributes yield validation warning
                    

                    

                    <a href="...">Link 4</a>

Link 4

<a href="..." title>Link 5</a>

Link 5

<a href="..." title="A link">A valid link</a>

A valid link


                    // Skip element validation
                    

                    

                    <a ignore-validation>Ignored invalid link</a>

Ignored invalid link


                    // Input fields don't support pseudo-elements,
                    

                    // Switching to harpoons
                    

                    

                    <input />

<input type="text" />

<input type="text" id="someId" />

<img width="100" height="100" />

<img src="..." />

<img src="..." title="An Image" />

<img src="..." title="An Image" alt="placeholder" />