-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
173 lines (171 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTMLHint - The Static Code Analysis Tool you need for your HTML</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link rel="canonical" href="https://htmlhint.com">
<script defer data-domain="htmlhint-playground.netlify.app" src="https://plausible.io/js/script.hash.outbound-links.pageview-props.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
</head>
<body>
<div class="container-narrow">
<a href="https://github.com/htmlhint/HTMLHint"><img style="position: absolute; top: 0; right: 0; border: 0;" src="img/forkme.png" alt="Fork me on GitHub"></a>
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li class="active"><a href="https://htmlhint.com/">Home</a></li>
<li><a href="https://github.com/htmlhint/HTMLHint/wiki/About">About</a></li>
<li><a href="https://github.com/htmlhint/HTMLHint/wiki/Usage">Usage</a></li>
<li><a href="https://github.com/htmlhint/HTMLHint/wiki/Rules">Rules</a></li>
<li><a href="https://github.com/htmlhint/HTMLHint/wiki/Developer-guide">Develop</a></li>
</ul>
<h3 class="muted">HTMLHint <span id="ver"></span></h3>
</div>
<hr>
<div id="editor-title">
<strong>Place your html code here:</strong>
<span id="editor-toolbar">
Theme: <select id="editor-theme">
<optgroup label="Bright">
<option value="chrome">Chrome</option>
<option value="clouds">Clouds</option>
<option value="crimson_editor">Crimson Editor</option>
<option value="dawn">Dawn</option>
<option value="dreamweaver">Dreamweaver</option>
<option value="eclipse">Eclipse</option>
<option value="github">GitHub</option>
<option value="solarized_light">Solarized Light</option>
<option value="textmate">TextMate</option>
<option value="tomorrow">Tomorrow</option>
<option value="xcode">XCode</option>
</optgroup>
<optgroup label="Dark">
<option value="ambiance">Ambiance</option>
<option value="chaos">Chaos</option>
<option value="clouds_midnight">Clouds Midnight</option>
<option value="cobalt">Cobalt</option>
<option value="idle_fingers">idleFingers</option>
<option value="kr_theme">krTheme</option>
<option value="merbivore">Merbivore</option>
<option value="merbivore_soft">Merbivore Soft</option>
<option value="mono_industrial">Mono Industrial</option>
<option value="monokai">Monokai</option>
<option value="pastel_on_dark">Pastel on dark</option>
<option value="solarized_dark">Solarized Dark</option>
<option value="twilight">Twilight</option>
<option value="tomorrow_night">Tomorrow Night</option>
<option value="tomorrow_night_blue">Tomorrow Night Blue</option>
<option value="tomorrow_night_bright">Tomorrow Night Bright</option>
<option value="tomorrow_night_eighties">Tomorrow Night 80s</option>
<option value="vibrant_ink">Vibrant Ink</option>
</optgroup>
</select>
</span>
</div>
<div id="editor"><!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>HTMLHint</title>
</head>
<body>
<div>HTMLHint: help your html code better
</body>
</html></div>
<div id="stat-bar">
<span id="hint-state"></span>
<div id="button-area"><button id="show-last" class="btn btn-mini btn-primary" type="button" title="Ctrl + Left">Previous</button> <button id="show-next" class="btn btn-mini btn-primary" type="button" title="Ctrl + Right">Next</button></div>
</div>
<div id="options">
<div class="row-fluid">
<div class="span3">
<h3>Standard</h3>
<ul>
<li><label class="checkbox" title="Tagname must be lowercase."><input type="checkbox" id="tagname-lowercase"> tagname-lowercase</label></li>
<li><label class="checkbox" title="Attribute name must be lowercase."><input type="checkbox" id="attr-lowercase"> attr-lowercase</label></li>
<li><label class="checkbox" title="Attribute value must closed by double quotes."><input type="checkbox" id="attr-value-double-quotes"> attr-value-double-quotes</label></li>
<li><label class="checkbox" title="Attribute must set value."><input type="checkbox" id="attr-value-not-empty"> attr-value-not-empty</label></li>
<li><label class="checkbox" title="Attribute name can not occur more than once."><input type="checkbox" id="attr-no-duplication"> attr-no-duplication</label></li>
<li><label class="checkbox" title="Doctype must be first."><input type="checkbox" id="doctype-first"> doctype-first</label></li>
<li><label class="checkbox" title="Tag must be paired."><input type="checkbox" id="tag-pair"> tag-pair</label></li>
<li><label class="checkbox" title="The empty tag must closed by self."><input type="checkbox" id="tag-self-close"> tag-self-close</label></li>
<li><label class="checkbox" title="Special characters must be escaped."><input type="checkbox" id="spec-char-escape"> spec-char-escape</label></li>
<li><label class="checkbox" title="Id must be unique."><input type="checkbox" id="id-unique"> id-unique</label></li>
<li><label class="checkbox" title="Src of img(script,link) must set value."><input type="checkbox" id="src-not-empty"> src-not-empty</label></li>
<li><label class="checkbox" title="<title> must be present in <head> tag.."><input type="checkbox" id="title-require"> title-require</label></li>
</ul>
</div>
<div class="span3">
<h3>Performance</h3>
<ul>
<li><label class="checkbox" title="The script tag can not be used in head."><input type="checkbox" id="head-script-disabled"> head-script-disabled</label></li>
</ul>
</div>
<div class="span2">
<h3>Accessibility</h3>
<ul>
<li><label class="checkbox" title="Alt of img tag must be set value."><input type="checkbox" id="alt-require"> alt-require</label></li>
</ul>
</div>
<div class="span3">
<h3>Specification</h3>
<ul>
<li><label class="checkbox" title="Doctype must be html5."><input type="checkbox" id="doctype-html5"> doctype-html5</label></li>
<li>
<label class="checkbox" title="Id and class value must meet some rules: underline, dash, hump."><input type="checkbox" id="id-class-value"> id-class-value</label>
<div id="id-class-value_valuearea"><select id="id-class-value_value" class="span7"><option value="underline">underline</option><option value="dash">dash</option><option value="hump">hump</option></select></div>
</li>
<li><label class="checkbox" title="Style tag can not be use."><input type="checkbox" id="style-disabled"> style-disabled</label></li>
<li><label class="checkbox" title="Inline style cannot be use."><input type="checkbox" id="inline-style-disabled"> inline-style-disabled</label></li>
<li><label class="checkbox" title="Inline script cannot be use."><input type="checkbox" id="inline-script-disabled"> inline-script-disabled</label></li>
<li>
<label class="checkbox" title="Spaces and tabs can not mixed in front of line."><input type="checkbox" id="space-tab-mixed-disabled"> space-tab-mixed-disabled</label>
<div id="space-tab-mixed-disabled_valuearea"><select id="space-tab-mixed-disabled_value" class="span7"><option value="true">true</option><option value="space">space</option><option value="tab">tab</option></select></div>
</li>
<li><label class="checkbox" title="Id and class can not use ad keyword, it will blocked by adblock software."><input type="checkbox" id="id-class-ad-disabled"> id-class-ad-disabled</label></li>
<li>
<label class="checkbox" title="Href must be absolute or relative."><input type="checkbox" id="href-abs-or-rel"> href-abs-or-rel</label>
<div id="href-abs-or-rel_valuearea"><select id="href-abs-or-rel_value" class="span7"><option value="abs">abs</option><option value="rel">rel</option></select></div>
</li>
<li><label class="checkbox" title="Attribute value cant not use unsafe chars."><input type="checkbox" id="attr-unsafe-chars"> attr-unsafe-chars</label></li>
</ul>
</div>
<div class="span1">
<h3>Other</h3>
<ul>
<li><label class="checkbox" title="Scan css with csslint."><input type="checkbox" id="csslint"> csslint</label></li>
<li><label class="checkbox" title="Scan script with jshint."><input type="checkbox" id="jshint"> jshint</label></li>
</ul>
</div>
</div>
<br>
<div class="row-fluid">
<div class="span2 offset5">
<a id="download-config" class="btn btn-block btn-success" type="button">
Download rc
<i class="icon-download-alt icon-white"></i>
</a>
</div>
</div>
</div>
<hr>
<div class="footer">
<p>© HTMLHint.com 2014-2021</p>
</div>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/htmlhint.js"></script>
<script src="js/ace/ace.js" charset="utf-8"></script>
<script src="js/csslint.js"></script>
<script src="js/jshint.js"></script>
<script src="js/index.js"></script>
<!--[if lte IE 8]>
<script src="js/ie-warning.js"></script>
<![endif]-->
</body>
</html>