diff --git a/coverage.html b/coverage.html index fae1af0f0..1e892229e 100644 --- a/coverage.html +++ b/coverage.html @@ -338,4 +338,4 @@ code .string { color: #5890AD } code .keyword { color: #8A6343 } code .number { color: #2F6FAD } -
Line | Hits | Source |
---|---|---|
1 | /** | |
2 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
3 | * MIT Licensed | |
4 | */ | |
5 | 1 | var HTMLHint = (function (undefined) { |
6 | ||
7 | 1 | var rules = []; |
8 | ||
9 | 1 | var HTMLHint = {}; |
10 | ||
11 | 1 | HTMLHint.version = '@VERSION'; |
12 | ||
13 | //默认配置 | |
14 | 1 | HTMLHint.defaultRuleset = { |
15 | 'tagname-lowercase': true, | |
16 | 'attr-lowercase': true, | |
17 | 'attr-value-double-quotes': true, | |
18 | 'doctype-first': true, | |
19 | 'tag-pair': true, | |
20 | 'spec-char-escape': true | |
21 | }; | |
22 | ||
23 | 1 | HTMLHint.addRule = function(rule){ |
24 | 13 | rules[rule.id] = rule; |
25 | }; | |
26 | ||
27 | 1 | HTMLHint.verify = function(html, ruleset){ |
28 | 35 | if(ruleset === undefined){ |
29 | 0 | ruleset = HTMLHint.defaultRuleset; |
30 | } | |
31 | 35 | var parser = new HTMLParser(), |
32 | reporter = new HTMLHint.Reporter(html.split(/\r?\n/), ruleset); | |
33 | ||
34 | 35 | var rule; |
35 | 35 | for (var id in ruleset){ |
36 | 35 | rule = rules[id]; |
37 | 35 | if (rule !== undefined){ |
38 | 35 | rule.init(parser, reporter, ruleset[id]); |
39 | } | |
40 | } | |
41 | ||
42 | 35 | parser.parse(html); |
43 | ||
44 | 35 | return reporter.messages; |
45 | }; | |
46 | ||
47 | 1 | return HTMLHint; |
48 | ||
49 | })(); | |
50 | ||
51 | 1 | if (typeof exports === 'object' && exports){ |
52 | 1 | exports.HTMLHint = HTMLHint; |
53 | } | |
54 | /** | |
55 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
56 | * MIT Licensed | |
57 | */ | |
58 | 1 | (function(HTMLHint, undefined){ |
59 | ||
60 | 1 | var Reporter = function(){ |
61 | 35 | var self = this; |
62 | 35 | self._init.apply(self,arguments); |
63 | }; | |
64 | ||
65 | 1 | Reporter.prototype = { |
66 | _init: function(lines, ruleset){ | |
67 | 35 | var self = this; |
68 | 35 | self.lines = lines; |
69 | 35 | self.ruleset = ruleset; |
70 | 35 | self.messages = []; |
71 | }, | |
72 | //错误 | |
73 | error: function(message, line, col, rule, raw){ | |
74 | 13 | this.report('error', message, line, col, rule, raw); |
75 | }, | |
76 | //警告 | |
77 | warn: function(message, line, col, rule, raw){ | |
78 | 14 | this.report('warning', message, line, col, rule, raw); |
79 | }, | |
80 | //信息 | |
81 | info: function(message, line, col, rule, raw){ | |
82 | 0 | this.report('info', message, line, col, rule, raw); |
83 | }, | |
84 | //报告 | |
85 | report: function(type, message, line, col, rule, raw){ | |
86 | 27 | var self = this; |
87 | 27 | self.messages.push({ |
88 | type: type, | |
89 | message: message, | |
90 | raw: raw, | |
91 | evidence: self.lines[line-1], | |
92 | line: line, | |
93 | col: col, | |
94 | rule: rule | |
95 | }); | |
96 | } | |
97 | }; | |
98 | ||
99 | 1 | HTMLHint.Reporter = Reporter; |
100 | ||
101 | })(HTMLHint); | |
102 | /** | |
103 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
104 | * MIT Licensed | |
105 | */ | |
106 | 1 | var HTMLParser = (function(undefined){ |
107 | ||
108 | 1 | var HTMLParser = function(){ |
109 | 54 | var self = this; |
110 | 54 | self._init.apply(self,arguments); |
111 | }; | |
112 | ||
113 | 1 | HTMLParser.prototype = { |
114 | _init: function(){ | |
115 | 54 | var self = this; |
116 | 54 | self._listeners = {}; |
117 | 54 | self._mapCdataTags = self.makeMap("script,style"); |
118 | 54 | self._arrBlocks = []; |
119 | }, | |
120 | ||
121 | makeMap: function(str){ | |
122 | 59 | var obj = {}, items = str.split(","); |
123 | 59 | for ( var i = 0; i < items.length; i++ ){ |
124 | 178 | obj[ items[i] ] = true; |
125 | } | |
126 | 59 | return obj; |
127 | }, | |
128 | ||
129 | // parse html code | |
130 | parse: function(html){ | |
131 | ||
132 | 54 | var self = this, |
133 | mapCdataTags = self._mapCdataTags; | |
134 | ||
135 | 54 | var regTag=/<(?:\/([^\s>]+)\s*|!--([\s\S]*?)--|!([^>]*?)|([\w\-:]+)((?:"[^"]*"|'[^']*'|[^"'<>])*?)\s*(\/?))>/g, |
136 | regAttr = /\s*([\w\-:]+)(?:\s*=\s*(?:(")([^"]*)"|(')([^']*)'|([^\s]+)))?/g, | |
137 | regLine = /\r?\n/g; | |
138 | ||
139 | 54 | var match, matchIndex, lastIndex = 0, tagName, arrAttrs, tagCDATA, arrCDATA, lastCDATAIndex = 0, text; |
140 | 54 | var lastLineIndex = 0, line = 1; |
141 | 54 | var arrBlocks = self._arrBlocks; |
142 | ||
143 | 54 | self.fire('start', { |
144 | pos: 0, | |
145 | line: 1, | |
146 | col: 1 | |
147 | }); | |
148 | ||
149 | 54 | while((match = regTag.exec(html))){ |
150 | 107 | matchIndex = match.index; |
151 | 107 | if(matchIndex > lastIndex){//保存前面的文本或者CDATA |
152 | 14 | text = html.substring(lastIndex, matchIndex); |
153 | 14 | if(tagCDATA){ |
154 | 4 | arrCDATA.push(text); |
155 | } | |
156 | else{//文本 | |
157 | 10 | saveBlock('text', text, lastIndex); |
158 | } | |
159 | } | |
160 | 107 | lastIndex = regTag.lastIndex; |
161 | ||
162 | 107 | if((tagName = match[1])){ |
163 | 33 | if(tagCDATA && tagName === tagCDATA){//结束标签前输出CDATA |
164 | 6 | text = arrCDATA.join(''); |
165 | 6 | saveBlock('cdata', text, lastCDATAIndex, { |
166 | 'tagName': tagCDATA | |
167 | }); | |
168 | 6 | tagCDATA = null; |
169 | 6 | arrCDATA = null; |
170 | } | |
171 | 33 | if(!tagCDATA){ |
172 | //标签结束 | |
173 | 33 | saveBlock('tagend', match[0], matchIndex, { |
174 | 'tagName': tagName | |
175 | }); | |
176 | 33 | continue; |
177 | } | |
178 | } | |
179 | ||
180 | 74 | if(tagCDATA){ |
181 | 0 | arrCDATA.push(match[0]); |
182 | } | |
183 | else{ | |
184 | 74 | if((tagName = match[4])){//标签开始 |
185 | 61 | arrAttrs = []; |
186 | 61 | var attrs = match[5], attrMatch; |
187 | 61 | while((attrMatch = regAttr.exec(attrs))){ |
188 | 44 | var name = attrMatch[1], |
189 | quote = attrMatch[2] ? attrMatch[2] : | |
190 | attrMatch[4] ? attrMatch[4] : '', | |
191 | value = attrMatch[3] ? attrMatch[3] : | |
192 | attrMatch[5] ? attrMatch[5] : | |
193 | attrMatch[6] ? attrMatch[6] : ''; | |
194 | 44 | arrAttrs.push({'name': name, 'value': value, 'quote': quote, 'index': attrMatch.index, 'raw': attrMatch[0]}); |
195 | } | |
196 | 61 | saveBlock('tagstart', match[0], matchIndex, { |
197 | 'tagName': tagName, | |
198 | 'attrs': arrAttrs, | |
199 | 'close': match[6] | |
200 | }); | |
201 | 61 | if(mapCdataTags[tagName]){ |
202 | 6 | tagCDATA = tagName; |
203 | 6 | arrCDATA = []; |
204 | 6 | lastCDATAIndex = lastIndex; |
205 | } | |
206 | } | |
207 | 13 | else if(match[2] || match[3]){//注释标签 |
208 | 13 | saveBlock('comment', match[0], matchIndex, { |
209 | 'content': match[2] || match[3], | |
210 | 'long': match[2]?true:false | |
211 | }); | |
212 | } | |
213 | } | |
214 | } | |
215 | ||
216 | 54 | if(html.length > lastIndex){ |
217 | //结尾文本 | |
218 | 2 | text = html.substring(lastIndex, html.length); |
219 | 2 | saveBlock('text', text, lastIndex); |
220 | } | |
221 | ||
222 | 54 | self.fire('end', { |
223 | pos: lastIndex, | |
224 | line: line, | |
225 | col: lastIndex - lastLineIndex + 1 | |
226 | }); | |
227 | ||
228 | //存储区块 | |
229 | 54 | function saveBlock(type, raw, pos, data){ |
230 | 125 | var col = pos - lastLineIndex + 1; |
231 | 125 | if(data === undefined){ |
232 | 12 | data = {}; |
233 | } | |
234 | 125 | data.raw = raw; |
235 | 125 | data.pos = pos; |
236 | 125 | data.line = line; |
237 | 125 | data.col = col; |
238 | 125 | arrBlocks.push(data); |
239 | 125 | self.fire(type, data); |
240 | 125 | var lineMatch; |
241 | 125 | while((lineMatch = regLine.exec(raw))){ |
242 | 4 | line ++; |
243 | 4 | lastLineIndex = pos + regLine.lastIndex; |
244 | } | |
245 | } | |
246 | ||
247 | }, | |
248 | ||
249 | // add event | |
250 | addListener: function(types, listener){ | |
251 | 65 | var _listeners = this._listeners; |
252 | 65 | var arrTypes = types.split(/[,\s]/), type; |
253 | 65 | for(var i=0, l = arrTypes.length;i<l;i++){ |
254 | 67 | type = arrTypes[i]; |
255 | 67 | if (_listeners[type] === undefined){ |
256 | 67 | _listeners[type] = []; |
257 | } | |
258 | 67 | _listeners[type].push(listener); |
259 | } | |
260 | }, | |
261 | ||
262 | // fire event | |
263 | fire: function(type, data){ | |
264 | 233 | if (data === undefined){ |
265 | 0 | data = {}; |
266 | } | |
267 | 233 | data.type = type; |
268 | 233 | var self = this, |
269 | listeners = [], | |
270 | listenersType = self._listeners[type], | |
271 | listenersAll = self._listeners['all']; | |
272 | 233 | if (listenersType !== undefined){ |
273 | 62 | listeners = listeners.concat(listenersType); |
274 | } | |
275 | 233 | if (listenersAll !== undefined){ |
276 | 100 | listeners = listeners.concat(listenersAll); |
277 | } | |
278 | 233 | for (var i = 0, l = listeners.length; i < l; i++){ |
279 | 156 | listeners[i].call(self, data); |
280 | } | |
281 | }, | |
282 | ||
283 | // remove event | |
284 | removeListener: function(type, listener){ | |
285 | 12 | var listenersType = this._listeners[type]; |
286 | 12 | if(listenersType !== undefined){ |
287 | 10 | for (var i = 0, l = listenersType.length; i < l; i++){ |
288 | 7 | if (listenersType[i] === listener){ |
289 | 7 | listenersType.splice(i, 1); |
290 | 7 | break; |
291 | } | |
292 | } | |
293 | } | |
294 | }, | |
295 | ||
296 | //fix pos if event.raw have \n | |
297 | fixPos: function(event, index){ | |
298 | 3 | var text = event.raw.substr(0, index); |
299 | 3 | var arrLines = text.split(/\r?\n/), |
300 | lineCount = arrLines.length - 1, | |
301 | line = event.line, col; | |
302 | 3 | if(lineCount > 0){ |
303 | 1 | line += lineCount; |
304 | 1 | col = arrLines[lineCount].length + 1; |
305 | } | |
306 | else{ | |
307 | 2 | col = event.col + index; |
308 | } | |
309 | 3 | return { |
310 | line: line, | |
311 | col: col | |
312 | }; | |
313 | ||
314 | } | |
315 | }; | |
316 | ||
317 | 1 | return HTMLParser; |
318 | ||
319 | })(); | |
320 | ||
321 | 1 | if (typeof exports === 'object' && exports){ |
322 | 1 | exports.HTMLParser = HTMLParser; |
323 | } | |
324 | /** | |
325 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
326 | * MIT Licensed | |
327 | */ | |
328 | 1 | HTMLHint.addRule({ |
329 | id: 'attr-lowercase', | |
330 | description: 'Attribute name must be lowercase.', | |
331 | init: function(parser, reporter){ | |
332 | 2 | var self = this; |
333 | 2 | parser.addListener('tagstart', function(event){ |
334 | 2 | var attrs = event.attrs, |
335 | attr, | |
336 | col = event.col + event.tagName.length + 1; | |
337 | 2 | for(var i=0, l=attrs.length;i<l;i++){ |
338 | 2 | attr = attrs[i]; |
339 | 2 | var attrName = attr.name; |
340 | 2 | if(attrName !== attrName.toLowerCase()){ |
341 | 1 | reporter.error('Attribute name [ '+attrName+' ] must be lower case.', event.line, col + attr.index, self, attr.raw); |
342 | } | |
343 | } | |
344 | }); | |
345 | } | |
346 | }); | |
347 | /** | |
348 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
349 | * MIT Licensed | |
350 | */ | |
351 | 1 | HTMLHint.addRule({ |
352 | id: 'attr-value-double-quotes', | |
353 | description: 'Attribute value must closed by double quotes.', | |
354 | init: function(parser, reporter){ | |
355 | 3 | var self = this; |
356 | 3 | parser.addListener('tagstart', function(event){ |
357 | 3 | var attrs = event.attrs, |
358 | attr, | |
359 | col = event.col + event.tagName.length + 1; | |
360 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
361 | 3 | attr = attrs[i]; |
362 | 3 | if(attr.quote !== '' && attr.quote !== '"'){ |
363 | 1 | reporter.error('The value of attribute [ '+attr.name+' ] must closed by double quotes.', event.line, col + attr.index, self, attr.raw); |
364 | } | |
365 | } | |
366 | }); | |
367 | } | |
368 | }); | |
369 | /** | |
370 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
371 | * MIT Licensed | |
372 | */ | |
373 | 1 | HTMLHint.addRule({ |
374 | id: 'attr-value-not-empty', | |
375 | description: 'Attribute must set value.', | |
376 | init: function(parser, reporter){ | |
377 | 3 | var self = this; |
378 | 3 | parser.addListener('tagstart', function(event){ |
379 | 3 | var attrs = event.attrs, |
380 | attr, | |
381 | col = event.col + event.tagName.length + 1; | |
382 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
383 | 3 | attr = attrs[i]; |
384 | 3 | if(attr.quote === '' && attr.value === ''){ |
385 | 1 | reporter.warn('The attribute [ '+attr.name+' ] must set value.', event.line, col + attr.index, self, attr.raw); |
386 | } | |
387 | } | |
388 | }); | |
389 | } | |
390 | }); | |
391 | /** | |
392 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
393 | * MIT Licensed | |
394 | */ | |
395 | 1 | HTMLHint.addRule({ |
396 | id: 'doctype-first', | |
397 | description: 'Doctype must be first.', | |
398 | init: function(parser, reporter){ | |
399 | 2 | var self = this; |
400 | 2 | var allEvent = function(event){ |
401 | 4 | if(event.type === 'start' || (event.type === 'text' && /^\s*$/.test(event.raw))){ |
402 | 2 | return; |
403 | } | |
404 | 2 | if((event.type !== 'comment' && event.long === false) || /^DOCTYPE\s+/i.test(event.content) === false){ |
405 | 1 | reporter.error('Doctype must be first.', event.line, event.col, self, event.raw); |
406 | } | |
407 | 2 | parser.removeListener('all', allEvent); |
408 | }; | |
409 | 2 | parser.addListener('all', allEvent); |
410 | } | |
411 | }); | |
412 | /** | |
413 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
414 | * MIT Licensed | |
415 | */ | |
416 | 1 | HTMLHint.addRule({ |
417 | id: 'doctype-html5', | |
418 | description: 'Doctype must be html5.', | |
419 | init: function(parser, reporter){ | |
420 | 2 | var self = this; |
421 | 2 | function onComment(event){ |
422 | 9 | if(event.long === false && event.content.toLowerCase() !== 'doctype html'){ |
423 | 1 | reporter.warn('Doctype must be html5.', event.line, event.col, self, event.raw); |
424 | } | |
425 | } | |
426 | 2 | function onTagStart(){ |
427 | 2 | parser.removeListener('comment', onComment); |
428 | 2 | parser.removeListener('tagstart', onTagStart); |
429 | } | |
430 | 2 | parser.addListener('all', onComment); |
431 | 2 | parser.addListener('tagstart', onTagStart); |
432 | } | |
433 | }); | |
434 | /** | |
435 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
436 | * MIT Licensed | |
437 | */ | |
438 | 1 | HTMLHint.addRule({ |
439 | id: 'head-script-disabled', | |
440 | description: 'The script tag can not be used in head.', | |
441 | init: function(parser, reporter){ | |
442 | 3 | var self = this; |
443 | 3 | function onTagStart(event){ |
444 | 5 | if(event.tagName.toLowerCase() === 'script'){ |
445 | 2 | reporter.warn('The script tag can not be used in head.', event.line, event.col, self, event.raw); |
446 | } | |
447 | } | |
448 | 3 | function onTagEnd(event){ |
449 | 7 | if(event.tagName.toLowerCase() === 'head'){ |
450 | 3 | parser.removeListener('tagstart', onTagStart); |
451 | 3 | parser.removeListener('tagstart', onTagEnd); |
452 | } | |
453 | } | |
454 | 3 | parser.addListener('tagstart', onTagStart); |
455 | 3 | parser.addListener('tagend', onTagEnd); |
456 | } | |
457 | }); | |
458 | /** | |
459 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
460 | * MIT Licensed | |
461 | */ | |
462 | 1 | HTMLHint.addRule({ |
463 | id: 'id-class-value', | |
464 | description: 'Id and class value must meet some rules.', | |
465 | init: function(parser, reporter, options){ | |
466 | 6 | var self = this; |
467 | 6 | var arrRules = { |
468 | 'underline': { | |
469 | 'regId': /^[a-z\d]+(_[a-z\d]+)*$/, | |
470 | 'message': 'Id and class value must lower case and split by underline.' | |
471 | }, | |
472 | 'dash': { | |
473 | 'regId': /^[a-z\d]+(-[a-z\d]+)*$/, | |
474 | 'message': 'Id and class value must lower case and split by dash.' | |
475 | }, | |
476 | 'hump': { | |
477 | 'regId': /^[a-z][a-zA-Z\d]*([A-Z][a-zA-Z\d]*)*$/, | |
478 | 'message': 'Id and class value must meet hump style.' | |
479 | } | |
480 | }, rule; | |
481 | 6 | if(typeof options === 'string'){ |
482 | 6 | rule = arrRules[options]; |
483 | } | |
484 | else{ | |
485 | 0 | rule = options; |
486 | } | |
487 | 6 | if(rule && rule.regId){ |
488 | 6 | var regId = rule.regId, |
489 | message = rule.message; | |
490 | 6 | parser.addListener('tagstart', function(event){ |
491 | 6 | var attrs = event.attrs, |
492 | attr, | |
493 | col = event.col + event.tagName.length + 1; | |
494 | 6 | for(var i=0, l1=attrs.length;i<l1;i++){ |
495 | 12 | attr = attrs[i]; |
496 | 12 | if(attr.name.toLowerCase() === 'id'){ |
497 | 6 | if(regId.test(attr.value) === false){ |
498 | 3 | reporter.warn(message, event.line, col + attr.index, self, attr.raw); |
499 | } | |
500 | } | |
501 | 12 | if(attr.name.toLowerCase() === 'class'){ |
502 | 6 | var arrClass = attr.value.split(/\s+/g), classValue; |
503 | 6 | for(var j=0, l2=arrClass.length;j<l2;j++){ |
504 | 6 | classValue = arrClass[j]; |
505 | 6 | if(classValue && regId.test(classValue) === false){ |
506 | 3 | reporter.warn(message, event.line, col + attr.index, self, classValue); |
507 | } | |
508 | } | |
509 | } | |
510 | } | |
511 | }); | |
512 | } | |
513 | } | |
514 | }); | |
515 | /** | |
516 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
517 | * MIT Licensed | |
518 | */ | |
519 | 1 | HTMLHint.addRule({ |
520 | id: 'img-alt-require', | |
521 | description: 'Alt of img tag must be set value.', | |
522 | init: function(parser, reporter){ | |
523 | 3 | var self = this; |
524 | 3 | parser.addListener('tagstart', function(event){ |
525 | 3 | if(event.tagName.toLowerCase() === 'img'){ |
526 | 3 | var attrs = event.attrs; |
527 | 3 | var haveAlt = false; |
528 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
529 | 8 | if(attrs[i].name.toLowerCase() === 'alt'){ |
530 | 2 | haveAlt = true; |
531 | 2 | break; |
532 | } | |
533 | } | |
534 | 3 | if(haveAlt === false){ |
535 | 1 | reporter.warn('Alt of img tag must be set value.', event.line, event.col, self, event.raw); |
536 | } | |
537 | } | |
538 | }); | |
539 | } | |
540 | }); | |
541 | /** | |
542 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
543 | * MIT Licensed | |
544 | */ | |
545 | 1 | HTMLHint.addRule({ |
546 | id: 'spec-char-escape', | |
547 | description: 'Special characters must be escaped.', | |
548 | init: function(parser, reporter){ | |
549 | 2 | var self = this; |
550 | 2 | parser.addListener('text', function(event){ |
551 | 3 | var raw = event.raw, |
552 | reSpecChar = /[<>]/g, | |
553 | match; | |
554 | 3 | while((match = reSpecChar.exec(raw))){ |
555 | 3 | var fixedPos = parser.fixPos(event, match.index); |
556 | 3 | reporter.error('Special characters must be escaped : [ '+match[0]+' ].', fixedPos.line, fixedPos.col, self, event.raw); |
557 | } | |
558 | }); | |
559 | } | |
560 | }); | |
561 | /** | |
562 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
563 | * MIT Licensed | |
564 | */ | |
565 | 1 | HTMLHint.addRule({ |
566 | id: 'style-disabled', | |
567 | description: 'Style tag can not be use.', | |
568 | init: function(parser, reporter){ | |
569 | 2 | var self = this; |
570 | 2 | parser.addListener('tagstart', function(event){ |
571 | 4 | if(event.tagName.toLowerCase() === 'style'){ |
572 | 1 | reporter.warn('Style tag can not be use.', event.line, event.col, self, event.raw); |
573 | } | |
574 | }); | |
575 | } | |
576 | }); | |
577 | /** | |
578 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
579 | * MIT Licensed | |
580 | */ | |
581 | 1 | HTMLHint.addRule({ |
582 | id: 'tag-pair', | |
583 | description: 'Tag must be paired.', | |
584 | init: function(parser, reporter){ | |
585 | 3 | var self = this; |
586 | 3 | var stack=[], |
587 | mapEmptyTags = parser.makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");//HTML 4.01 | |
588 | 3 | parser.addListener('tagstart', function(event){ |
589 | 4 | var tagName = event.tagName.toLowerCase(); |
590 | 4 | if (mapEmptyTags[tagName] === undefined && !event.close){ |
591 | 4 | stack.push(tagName); |
592 | } | |
593 | }); | |
594 | 3 | parser.addListener('tagend', function(event){ |
595 | 3 | var tagName = event.tagName.toLowerCase(); |
596 | //向上寻找匹配的开始标签 | |
597 | 3 | for(var pos = stack.length-1;pos >= 0; pos--){ |
598 | 3 | if(stack[pos] === tagName){ |
599 | 2 | break; |
600 | } | |
601 | } | |
602 | 3 | if(pos >= 0){ |
603 | 2 | var arrTags = []; |
604 | 2 | for(var i=stack.length-1;i>pos;i--){ |
605 | 1 | arrTags.push('</'+stack[i]+'>'); |
606 | } | |
607 | 2 | if(arrTags.length > 0){ |
608 | 1 | reporter.error('Tag must be paired, Missing: [ '+ arrTags.join('') + ' ]', event.line, event.col, self, event.raw); |
609 | } | |
610 | 2 | stack.length=pos; |
611 | } | |
612 | else{ | |
613 | 1 | reporter.error('Tag must be paired, No start tag: [ ' + event.raw + ' ]', event.line, event.col, self, event.raw); |
614 | } | |
615 | }); | |
616 | 3 | parser.addListener('end', function(event){ |
617 | 3 | var arrTags = []; |
618 | 3 | for(var i=stack.length-1;i>=0;i--){ |
619 | 1 | arrTags.push('</'+stack[i]+'>'); |
620 | } | |
621 | 3 | if(arrTags.length > 0){ |
622 | 1 | reporter.error('Tag must be paired, Missing: [ '+ arrTags.join('') + ' ]', event.line, event.col, self, ''); |
623 | } | |
624 | }); | |
625 | } | |
626 | }); | |
627 | /** | |
628 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
629 | * MIT Licensed | |
630 | */ | |
631 | 1 | HTMLHint.addRule({ |
632 | id: 'tag-self-close', | |
633 | description: 'The empty tag must closed by self.', | |
634 | init: function(parser, reporter){ | |
635 | 2 | var self = this; |
636 | 2 | var mapEmptyTags = parser.makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");//HTML 4.01 |
637 | 2 | parser.addListener('tagstart', function(event){ |
638 | 4 | var tagName = event.tagName.toLowerCase(); |
639 | 4 | if(mapEmptyTags[tagName] !== undefined){ |
640 | 4 | if(!event.close){ |
641 | 2 | reporter.warn('The empty tag : [ '+tagName+' ] must closed by self.', event.line, event.col, self, event.raw); |
642 | } | |
643 | } | |
644 | }); | |
645 | } | |
646 | }); | |
647 | /** | |
648 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
649 | * MIT Licensed | |
650 | */ | |
651 | 1 | HTMLHint.addRule({ |
652 | id: 'tagname-lowercase', | |
653 | description: 'Tagname must be lowercase.', | |
654 | init: function(parser, reporter){ | |
655 | 2 | var self = this; |
656 | 2 | parser.addListener('tagstart,tagend', function(event){ |
657 | 8 | var tagName = event.tagName; |
658 | 8 | if(tagName !== tagName.toLowerCase()){ |
659 | 4 | reporter.error('Tagname [ '+tagName+' ] must be lower case.', event.line, event.col, self, event.raw); |
660 | } | |
661 | }); | |
662 | } | |
663 | }); |