HTML tidy linter:

Asked Feb 20 '17 at 15:59

Active Feb 20 '17 at 15:59

Viewed 381 times

I'm using tidy 5.2.0.

The following works fine and shows no tidy linting errors:

<button type  = "button" class = "btn btn-default">  
    <i class="glyphicon glyphicon-calendar"></i>  
</button>

However, if I place the button in a span tag, tidy shows 3 errors:

<span class="input-group-btn">
    <button type  = "button" class = "btn btn-default">  
        <i class="glyphicon glyphicon-calendar"></i>  
    </button>
</span>

Error 1: missing </button>
Error 2: inserting implicit <span>
Error 3: replacing unexpected button with </button>

asked Feb 20 '17 at 15:59

user1234795

Most likely something to do with the HTML spec saying nothing other than text should be inside a ` – Eamonn Feb 20 '17 at 16:05
Thanks - so I assume I can ignore the issue. Perhaps I'll add it to SublimeLinter ignore_match settings – user1234795 Feb 20 '17 at 16:43
I suppose so, but be careful as some browsers do get messy with things inside buttons. Maybe use a class and inject the glyphicon via css `:before` – Eamonn Feb 20 '17 at 16:44
What if you change from `span` to `div`? – Asons Feb 20 '17 at 18:13
1

changing to div tag does help - thanks - although still not sure why it was an issue in the first place – user1234795 Feb 20 '17 at 20:05
Maybe because span is an inline element, and button is inline-block? – balthisar Mar 23 '17 at 01:17

HTML tidy linter: in errors

0 Answers0

HTML tidy linter: