Firstly thank you for your work on this module. It filled a gap for me between the functionality of the star ratings module and the usability of the fivestar module. Awesome.
I think there’s an issue with extra closing
tags somewhere in the input widget code. I used the field on a node type which is rendered by panels when editing/creating new nodes. Because of the extra
tag, the two column layout used to edit the node rendered everything as a single column.
My temporary solution was to insert an extra
on line 59 of theme/raty.theme.inc, but I am sure there’s a better way. I’m just not sure which
tag to remove.
1 / 1 / 1
Регистрация: 30.11.2015
Сообщений: 210
1
11.04.2016, 22:16. Показов 28402. Ответов 3
Всем привет!
Проверил свой лендинг ( http://spkuralgidro.pe.hu ) валидатором (https://validator.w3.org) на ошибки, и он мне выдал 10 ошибок. вот список, того, что выдал:
Error: Bad value img/favicon/favicon (2).ico for attribute href on element link: Illegal character in path segment: space is not allowed.
From line 1, column 22203; to line 1, column 22283
-scale=1″><link rel=»shortcut icon» href=»img/favicon/favicon (2).ico» type=»image/x-icon»><link
Syntax of URL:
Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20. Common non-alphanumeric characters other than ! $ & ‘ ( ) * + — . / : ; = ? @ _ ~ generally must be percent-encoded. For example, the pipe character (|) must be encoded as %7C.
Error: Element p not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
From line 1, column 23684; to line 1, column 23686
</a></li><p>»Лахта
Contexts in which element p may be used:
Where flow content is expected.
Content model for element ul:
Zero or more li and script-supporting elements.
Error: Bad value $nametext for attribute type on element input.
From line 1, column 24016; to line 1, column 24061
он:</span><input type=»$nametext» name=»phone» required></labe
Error: Attribute required is only allowed when the input type is checkbox, date, datetime, datetime-local, email, file, month, number, password, radio, search, tel, text, time, url, or week.
From line 1, column 24016; to line 1, column 24061
он:</span><input type=»$nametext» name=»phone» required></labe
Error: Stray end tag div.
From line 11, column 44; to line 11, column 49
></div>—></div></div>
Error: Stray end tag div.
From line 11, column 50; to line 11, column 55
>—></div></div></div>
Error: Stray end tag div.
From line 11, column 56; to line 11, column 61
div></div></div></sect
Error: End tag br.
From line 11, column 644; to line 11, column 648
ерезвоним.</br></p></
Error: No space between attributes.
At line 15, column 6999
ow-circle-o-up»alt=»Наверх»></
Error: Attribute alt not allowed on element i at this point.
From line 15, column 6965; to line 15, column 7011
ss=»top2″><i class=»fa fa-arrow-circle-o-up»alt=»Наверх»></i></
Attributes for element i:
Global attributes
Но что за ними скрывается, не могу разобраться…
Прошу вас, разъясните мне что именно править. И что валидатору не понравилось, но если возможно, разъясните по принципу «для тех, кто в танке».
0
I am experiencing issues with my build pipeline, throwing a lot errors on multiple html files in the coverage report.
SyntaxError: Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (213:9) [error] 211 | at Fri Feb 05 2021 13:17:11 GMT+0000 (Coordinated Universal Time) [error] 212 | </div> [error] > 213 | </div> [error] | ^^^^^^ [error] 214 | <script src="../prettify.js"></script> [error] 215 | <script> [error] 216 | window.onload = function () {
My guess is that it is related, I am certain this PR will resolve this for the html reporter. Is it possible this PR will get merged soon(ish)?
By the way: The same issue occurs on the html-spa report.
I am getting error Stray end tag "form"
in below HTML code.
<section class="login-section reg-section card">
<div class="container">
<div class="row mt-5 ">
<div class="col-md-6">
<div class="reg-left">
<h3>Account Login Details</h3>
<form method="POST" action="">
<div class="form-group">
<label for="email">Email Address*</label>
<input value="" type="email" name="reg_email" class="form-control " placeholder="Email" id="login_email" required>
</div>
<div class="form-group">
<label for="password">Password*</label>
<input type="password" name="password" class="form-control " placeholder="Password" required>
</div>
<div class="form-group">
<label for="password_confirmation">Confirm Password*</label>
<input type="password" name="password_confirmation" class="form-control " placeholder="Confirm Password" required>
</div>
</div>
<button type="submit" class="btn">Submit</button>
</form>
</section>
Why I am getting this error ? Why the tags are red ? How can I fix it ?
asked Mar 29, 2021 at 10:40
abu abuabu abu
6,51516 gold badges70 silver badges127 bronze badges
You have an extra closing div
tag at line 123, as highlighted by your editor in your screenshot.
The red in the screenshots are indicating issues with your html structure. The form
and div
tags need to have associated closing tags that allow them to wrap their contents. As is, you are closing a div
that doesn’t have an associated «opening» tag within its direct parent.
Delete the extra closing div
tag to fix the current errors, then you’ll probably need to close the remaining div
tags within your section
.
answered Mar 29, 2021 at 10:48
Firstly, look at your indentation — you have :
<form>
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</form>
So your core problem is that that red-coloured end-div tag does not match an opening div tag, so the solution is to just delete it.
In addition, you are not closing your input tags; have them finish with />.
answered Mar 29, 2021 at 10:55
racramanracraman
4,9131 gold badge16 silver badges16 bronze badges
1
You close the div that contains the form and try to close the form afterward.
try closing the div after you close the form.
the correct way of how your form should look like:
<form method="POST" action="">
<div class="form-group">
<label for="email">Email Address*</label>
<input value="" type="email" name="reg_email" class="form-control " placeholder="Email" id="login_email" required>
</div>
<div class="form-group">
<label for="password">Password*</label>
<input type="password" name="password" class="form-control " placeholder="Password" required>
</div>
<div class="form-group">
<label for="password_confirmation">Confirm Password*</label>
<input type="password" name="password_confirmation" class="form-control " placeholder="Confirm Password" required>
</div>
<button type="submit" class="btn">Submit</button>
</form>
answered Mar 29, 2021 at 10:53
GJvKlGJvKl
2510 bronze badges
Проверка валидности HTML кода сайта обязательно входит в мой технический аудит. Но не нужно переоценивать значимость ошибок валидации на SEO продвижение — она очень мала. По любой тематике в ТОП будут сайты с большим количеством таких ошибок и прекрасно себе живут.
НО! Отсутствие технических ошибок на сайте является фактором ранжирования, и поэтому пренебрегать такой возможностью не стоит. Лучше исправить, хуже точно не будет. Поисковики увидят ваши старания и дадут маленький плюсик в карму.
Читайте также: кем и когда был введен гипертекст
Как проверить сайт на валидность HTML кода
Проверяется валидация кода сайта с помощью онлайн сервиса W3C HTML Validator. Если есть ошибки, то сервис выдает вам список. Сейчас я разберу самые распространенные типы ошибок, которые я встречал на сайтах.
- Error: Duplicate ID min_value_62222
И за этой ошибкой такое предупреждение.
- Warning: The first occurrence of ID min_value_62222 was here
Это значит, что дублируется стилевой идентификатор ID, который по правилам валидности html должен быть уникальным. Вместо ID для повторяющихся объектов можно использовать CLASS.
Исправлять это желательно, но не очень критично. Если очень много таких ошибок, то лучше исправить.
Аналогично могут быть еще такие варианты:
- Error: Duplicate ID placeWorkTimes
- Error: Duplicate ID callbackCss-css
- Error: Duplicate ID Capa_1
Следующее очень распространенное предупреждение.
- Warning: The type attribute is unnecessary for JavaScript resources
Это очень частая ошибка при проверке валидации сайта. По правилам HTML5 атрибут type для тега script не нужен, это устаревший элемент.
Аналогично такое предупреждение для стилей:
- Warning: The type attribute for the style element is not needed and should be omitted
Исправлять эти предупреждения желательно, но не критично. При большом количестве лучше исправить.
- Warning: Consider avoiding viewport values that prevent users from resizing documents
Это предупреждение показывает, что нельзя увеличить размер страницы на мобильном или планшете. То есть пользователь захотел посмотреть поближе картинки или очень маленький текст и не может этого сделать.
Я считаю это предупреждение очень нежелательным, для пользователя неудобно, это минус к поведенческим. Устраняется удалением этих элементов — maximum-scale=1.0 и user-scalable=no.
- Error: The itemprop attribute was specified, but the element is not a property of any item
Это микроразметка, атрибут itemprop должен находиться внутри элемента с itemscope. Я считаю эту ошибку не критичной и можно оставлять как есть.
- Warning: Documents should not use about:legacy-compat, except if generated by legacy systems that can’t output the standard doctype
Строка about:legacy-compat нужна только для html-генераторов. Здесь нужно просто сделать но ошибка совсем не критичная.
- Error: Stray end tag source
Если посмотреть в коде самого сайта и найти этот элемент, видно, что одиночный тег <source> прописан как парный — это не верно.
Соответственно, нужно убрать из кода закрывающий тег </source>. Аналогично этой ошибке могут встречаться теги </meta> </input> </noscript>. Эту ошибку нужно исправлять.
- Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images
Все картинки должны иметь атрибут alt, я считаю эту ошибку критичной, ее нужно исправлять.
- Error: Element ol not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
Здесь не верно прописана вложенность тегов. В <ul> должны быть только <li>. В данном примере эти элементы вообще не нужны.
Аналогично могут быть еще такие ошибки:
- Element h2 not allowed as child of element ul in this context.
- Element a not allowed as child of element ul in this context.
- Element noindex not allowed as child of element li in this context.
- Element div not allowed as child of element ul in this context.
Это все нужно исправлять.
- Error: Attribute http-equiv not allowed on element meta at this point
Атрибут http-equiv не предназначен для элемента meta, нужно убрать его или заменить.
Аналогичные ошибки:
- Error: Attribute n2-lightbox not allowed on element a at this point.
- Error: Attribute asyncsrc not allowed on element script at this point.
- Error: Attribute price not allowed on element option at this point.
- Error: Attribute hashstring not allowed on element span at this point.
Здесь также нужно или убрать атрибуты n2-lightbox, asyncsrc, price, hashstring или заменить их на другие варианты.
- Error: Bad start tag in img in head
Или вот так:
- Error: Bad start tag in div in head
Тегов img и div не должно быть в <head>. Эту ошибку нужно исправлять.
- Error: CSS: Parse Error
В данном случае здесь не должно быть точки с запятой после скобки в стилях.
Ну такая ошибка, мелочь, но не приятно) Смотрите сами, нужно убирать это или нет, на продвижение сайта никакой совершенно роли не окажет.
- Warning: The charset attribute on the script element is obsolete
В скриптах уже не нужно прописывать кодировку, это устаревший элемент. Предупреждение не критичное, на ваше усмотрение.
- Error: Element script must not have attribute charset unless attribute src is also specified
В этой ошибке нужно убрать из скрипта атрибут charset=»uft-8″, так как он показывает кодировку вне скрипта. Я считаю, эту ошибку нужно исправлять.
- Warning: Empty heading
Здесь пустой заголовок h1. Нужно удалить теги <h1></h1> или поместить между ними заголовок. Ошибка критичная.
- Error: End tag br
Тег br одиночный, а сделан как будто закрывающий парный. Нужно убрать / из тега.
- Error: Named character reference was not terminated by a semicolon. (Or & should have been escaped as &.)
Это спецсимволы HTML, правильно нужно писать © или &copy. Лучше эту ошибку исправить.
- Fatal Error: Cannot recover after last error. Any further errors will be ignored
Это серьезная ошибка:
После </html> ничего вообще не должно быть, так как это последний закрывающий тег страницы. Нужно удалять все, что после него или переносить выше.
- Error: CSS: right: only 0 can be a unit. You must put a unit after your number
Нужно значение в px написать:
Вот аналогичная ошибка:
- Error: CSS: margin-top: only 0 can be a unit. You must put a unit after your number
- Error: Unclosed element a
<a></a> — это парный тег, а здесь он не закрыт, соответственно, нужно закрыть. Ошибку исправлять.
- Error: Start tag a seen but an element of the same type was already open
Где-то раньше уже был открыт тег <a> и не закрыт, откуда идет следующая ошибка.
- Error: End tag a violates nesting rules
Здесь отсутствие закрывающего тега </a> нарушает правила вложенности, откуда идет уже фатальная ошибка.
- Fatal Error: Cannot recover after last error. Any further errors will be ignored
Это частный случай, так конечно нужно смотреть индивидуально.
- Warning: The bdi element is not supported in all browsers. Please be sure to test, and consider using a polyfill
Элемент bdi не поддерживается во всех браузерах, лучше использовать стили CSS, если нужно изменить направления вывода текста. Это не критичное предупреждение.
- Error: A document must not include both a meta element with an http-equiv attribute whose value is content-type, and a meta element with a charset attribute
Здесь 2 раза указана кодировка:
Нужно убрать <meta charset=»UTF-8″ /> в начале. Ошибку лучше исправить.
- Error: Bad value callto:+7 (473) 263-22-06 for attribute href on element a: Illegal character in scheme data: space is not allowed
Здесь запрещены пробелы для атрибута href, нужно писать так — callto:74732632206. Ошибку лучше исправить, но не критично.
- Error: CSS: max-width: Too many values or values are not recognized
И аналогичная ошибка:
- Error: CSS: max-height: Too many values or values are not recognized
В данных случаях для max-width: и max-height: не поддерживается свойство auto. Должно быть конкретное значение в px, % и других единицах измерения для CSS. В целом, эти ошибки не критичные.
- Error: The for attribute of the label element must refer to a non-hidden form control
Атрибут label должен относиться к фрагменту id с идентификатором «control-label». То есть нужно в код формы вставить кусок id=»control-label». Тоже ошибка не критичная.
- Error: Legacy encoding windows-1251 used. Documents must use UTF-8
Кодировка windows-1251 уже устарела, сейчас везде используется utf-8. По хорошему нужно делать сайт изначально на utf-8, иначе он или отдельные страницы могут отображаться кракозябрами. Но это не критичная ошибка. Если у вас с сайтом все ок, то можно оставить, как есть.
Вот еще похожая ошибка:
- Error: Bad value text/html; charset=windows-1251 for attribute content on element meta: charset= must be followed by utf-8
Для атрибута content кодировка должна быть utf-8. Смотрите сами, хотите исправлять это или нет, не критично.
Заключение
После того, как сделана полная проверка, я составляю файл с грубыми ошибками и передаю его моим программистам или технической поддержке клиента. Кстати, почитайте интересную историю, как я искал себе программиста.
Итак, теперь вы знаете, как проверить валидацию сайта с помощью онлайн сервиса W3C HTML Validator, но как я сказал валидность кода далеко не самый важный фактор ранжирования, скорее всего после исправления ошибок вы не заметите существенной разницы в позициях или трафике сайта. Но я считаю, что все равно нужно привести сайт в порядок, и надеюсь, моя статья вам в этом помогла.
0
0
голоса
Рейтинг статьи