Валідатор html робимо валідний код на сайті
На моєму ж блозі зараз немає подібних помилок, я від них позбувся (всього було понад 70 помилок і більш 80-ти попереджень). Щоб внести ясність, розповім, що таке валідний код і навіщо він нам потрібен.
Дійсний код - це код, який відповідає стандартам.
На валідність можна перевірити HTML, CSS, всілякі мікророзмітки і інше. Сьогодні я розповім про валідність в HTML.
- Дійсний код необов'язковий, але кількість помилок повинно бути мінімальним, інакше ваш сайт не буде кросбраузерності. Валідність коду потрібна в перш за все для того, щоб ваш сайт відображався правильно у всіх браузерах.
- Пошукові роботи «розмовляють» з вашим сайтом на мові HTML, тому важливо віддавати чітко і ясно контент на сайті з усіма «закритими тегами» та інше.
- Валідність HTML впливає на SEO, але досить незначно (якщо, звичайно, у вас не сотні, а то й тисячі помилок). Рекомендую почитати цікаві спостереження Деваки «Вплив якості HTML на їх ранжування».
- Коли я робив на своєму сайті код валідним, я знайшов і виправив свої дурні помилки (повторення тегів, пропущена буква і т.п.).
- Не варто «рвати собі * опу», якщо якусь помилку складно виправити, або її виправлення принесе шкоду функціональності сайту. Головне, щоб було зручно користувачеві.
У кожній помилці є підказка - це номер рядка в вихідному коді сторінки, а з неї вже можна визначити приблизно в якому файлі теми розташована дана рядок. Вихідний код сторінки дивимося за допомогою CTRL + U (в основних браузерах).
Перед тим, як приступити до роботи, зробіть резервну копію шаблону вашого сайту.
Також для спрощення знаходження помилок у вихідному коді, можете використовувати HTML валідатор для Mozilla Firefox. Встановивши його, перейшовши в вихідний код сторінки, ви побачите ті ж самі помилки, що вказує сервіс validator.w3.org. Натиснувши на зображення помилки (в лівому нижньому кутку), вас автоматично перекине на ту сходинку, де знаходиться даний невалідний код.
Знаходження помилок в HTML за допомогою валідатора w3c і їх виправлення
Шукайте в списку нижче свою помилку і клікнути по ній, вас автоматично «прокрутить» куди треба.
1. No space between attributes.
2. The width attribute on the td element is obsolete. Use CSS instead.
td valign = "center» width = »80" height = "80">
Подібне перетворимо до виду
td style = "align: center; width: 80; height: 80; »>
3. An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Одна з найчастіших помилок. Просто не вистачає альтернативного тексту для картинки. Прописуємо тег alt.
4. Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
Усередині блоку section повинні міститися щось з тегів h2-h6, якщо їх немає, просто перейменовуємо слово section на div
5. The hgroup element is obsolete. To mark up subheadings, consider either just putting the subheading into a p element after the h1-h6 element containing the main heading,
or else putting the subheading directly within the h1-h6 element containing the main heading, but separated from the main heading by punctuation and / or within, for example, a span class = "subheading» element with differentiated styling. To group headings and subheadings, alternative titles, or taglines, consider using the header or div elements.
6. Element «noindex» undefined
7. End tag for element «div» which is not open
Закриває тег div зайвий. Прибираємо його.
8. Document type does not allow element «li» here; missing one of «ul», «ol», «menu», «dir» start-tag
Неправильне використання тега «li»: відсутній тег «ul», «ol» і ін. Перевірте.
9. End tag for «div» omitted, but OMITTAG NO was specified
Бракує закриває тега div.
10. There is no attribute «border»
alt = "" width = "1" height = "1" border = "0" >
Просто видаляємо фразу border = "0".
11. Character «<» is the first character of a delimiter but occurred as data
Не використовуйте тег «<» перед обычными словами, используйте лучше разные кавычки.
12. Saw »when expecting an attribute name. Probable cause: = missing immediately before.
Зайва лапки, видаліть її.
13. The align attribute on the img element is obsolete. Use CSS instead.
Не використовуйте значення align всередині тега img. Пропишіть її окремо, в такому вигляді:
14. Bad value for attribute href on element link: Illegal character in path segment: not a URL code point.
Те, що йде в href має бути посиланням, починатися з http, але ніяк не слово.
висновок
У мене на блозі залишилася помилка (хоча ще вчора чомусь код був без помилок):
The text content of element script was not in the required format: Expected space, tab, newline, or slash but found Якщо в курсі, як виправити її, буду вдячний. Я трошки перфекціоніст. 🙂 Чи будете ви робити HTML код сайту дійсним? Побажаю вам отримати валідний HTML код на вашому сайті, повідомлення якого виглядає так:
З повагою, Петро Александров