Вёрстка: Проверка некоторых правил вёрстки и параметров html

Проверка некоторых правил вёрстки и параметров html с помощью подсветки.

На github https://github.com/novikey/checkMe.css

/* внимание - подключен файл стилей checkMe.css */
*[style] {
border: 2px solid blue !important;
}

/* битые ссылки, ссылки заглушки */
a:not([href]),  
a[href="#"],  
a[href=""],  
a[href*="javascript:void(0)"] {
color:red !important;
}  

/* изображения без атрибута alt */
img[alt=""],
img:not([alt]) {
border:1px solid red !important;
}  

/* у документа не указан язык */
html:not([lang]),  
html[lang=""] {
border:1px solid red !important;
}  

/* у документа указана не рекомендованная кодировка UTF-8 */
meta[charset]:not([charset="UTF-8"]) {
border:1px solid red !important;
}  

/* в идеале мета-тег с указанием кодировки должен стоять первым после открытия head */
meta[charset="UTF-8"]:not(:first-child) {
border:2px solid red !important;
}  

/* у тегов формы нет id */
input:not([id]),  
select:not([id]),  
textarea:not([id]) {
border:1px solid red !important;
}

/* у тега label не указан атрибут for */
label:not([for]) {
border:1px solid red !important;	
}  

/* у тегов формы нет атрибута name */
input:not([type="submit"]):not([name]),  
select:not([name]),  
textarea:not([name]) {
border:2px solid red !important;	
}  

/* у формы нет атрибута name или id */
form:not([name]):not([id]) {
border:1px solid red !important;		
}  

/* нет контента в элементе button или a */
button:empty,  
a:empty {
border:1px solid red !important;
}  

/* устаревшие атрибуты тегов script и link */
script[type="text/javascript"],  
link[rel="stylesheet"][type="text/css"] {
border:1px solid red !important;	
}  
Вёрстка 7.6 г. Просмотров: 1.6k
Оценить код:

Комментарии

Ваш комментарий будет первым.
Войдите, чтобы оставить комментарий.