Как успешно пройти валидацию и устранить ошибки?
Мой первый сайт дался мне непросто, начиная с макета и заканчивая стилями и всяким js.
Наконец я загрузила первую страницу своего детища в валидатор. И он мне выдал много ужасных ошибок. Почему нельзя так писать и как тогда можно - я так и не поняла, даже поискав информацию на эту тему. Ниже прилагаю скриншот, и немного кусочков своего многострадального кода. Буду благодарна любому совету, заранее спасибо за помощь! :)
<body> <wrapper class="wrapper"> <header class="header"> <div class="container"> <div class="header_top"> |
<body> <wrapper class="wrapper"> <header class="header"> <div class="container"> <div class="header_top">
Особенно интересно, чем ему не угодила ссылка в элементе списка)
<ul class="footer-menu .footer-menu-faq ">Полезное <li class="footer-menu_item"><a href="#">Частые вопросы</li> <li class="footer-menu_item"><a href="#">Статьи</a></li> <li class="footer-menu_item"><a href="#">Отзывы</a></li> </ul> |
<ul class="footer-menu .footer-menu-faq ">Полезное <li class="footer-menu_item"><a href="#">Частые вопросы</li> <li class="footer-menu_item"><a href="#">Статьи</a></li> <li class="footer-menu_item"><a href="#">Отзывы</a></li> </ul>
Дополнительно:
1) Не существует HTML элемента wrapper.
2) Судя по всему Вы не закрыли header и разместили в нём main. Это не корректно. У Вас же тело не в голову вложены, а между ними шея ещё. То есть они идут друг за другом.
3) Интерактивные элементы не стоит вкладывать друг в друга. Это плохая практика. Поэтому не нужно ложить кнопки в ссылки и наоборот.
4) Про див судя по всему у Вас где-то не соответствие количество открытых и закрытых дивов.
5) Не закрытый main
- Ошибку про ссылку в списке Вы не показываете. (Хотя в первом li ссылка не закрыта)
- Часто ошибки имеют каскадный эффект. Исправляешь одну - исправляется десяток.
P.s.
Мой первый сайт дался мне непросто
Это нормально
- Спасибо большое за терпение к таким вопросам) очень стыдно их задавать, но отчаявшись и не найдя ответов, я все же это делаю))
буду убирать весь этот мусор ввиде незакрытых ссылок и лишних закрывающих div. Wrapper придется заменить на div, я так понимаю (обертка для всех страниц).
Спасибо большое Вам за ответ - Анна,
Спасибо большое за терпение к таким вопросам
Нормальный вопрос новичка.
Проверка на терпение это когда не приводят своих попыток а в ответе просят сделать за них. Или нужно задать десяток уточняющих вопросов.очень стыдно их задавать
Зря. Вопросы это двигатель опыта и понимания.
Wrapper придется заменить на div
Да
Спасибо большое Вам за ответ
Не за что. Если ответ решил поставленный вопрос, то отмечайте решением.
- Анна, А ещё рекомендую пользоваться нормальными инструментами для вёрстки. Как минимум VS Code и базовые линтеры(Вы, наверное, ещё не знаете что это такое, но это прям маст хэв инструмент)
- Вадим Вадим, огромное спасибо, даже и не слышала про линтеры, но теперь установлю на vs code, я так поняла, что это дополнительный плагин.
Комментарий отметила решением) я на форуме недавно, поэтому не знала, что так надо)) - Анна, Да, линтеры могут быть встроенными а могут быть как дополнительное расшиирение. Помогают избегать банальных ошибок и поддерживать стиль написания кода.
Отметка ответа решением помогает другим пользователям сервиса. Одни не будут тратить время на ознакомление с вопросом, т.к. увидят что он уже решён. Другие, у кого может быть похожий вопрос, наоборот зайдут в вопрос чтобы ознакомиться с ответом, которым может помочь и им.
- Вадим, благодарю Вас за такие подробные ответы и реально полезную информацию :))
- Анна, не за что, обращайтесь :-)
Ответы:
Отсутствует закрывающий тег </a>:
<li class="footer-menu_item"><a href="#">Частые вопросы</li> |
<li class="footer-menu_item"><a href="#">Частые вопросы</li>
- Спасибо, все-такие кое-где пропустила, а казалось - все проверила! Идиотская невнимательность)
Слепой верстальщик даже хуже, чем глухой композитор)))
Спасибо большое!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Процесс валидации и устранения ошибок является важным этапом в разработке программного обеспечения. Для успешного прохождения этого этапа необходимо следовать определенным шагам и принципам.
Во-первых, для успешной валидации необходимо иметь понимание требований и ожиданий пользователей. Это поможет определить критерии успешной валидации и устранения ошибок. Отчеты об ошибках также могут быть полезными для понимания того, что именно нужно улучшить или исправить.
Далее, для более эффективной валидации и устранения ошибок рекомендуется использовать автоматизированные тесты. Они позволяют быстро и эффективно проверить работоспособность приложения и выявить возможные ошибки. Тестирование важно в каждом этапе разработки, начиная с написания кода и заканчивая выпуском продукта.
Также важно использовать инструменты для отслеживания ошибок и управления задачами. Это поможет организовать процесс валидации и устранения ошибок, а также упростит коммуникацию между участниками проекта.
Помимо этого, регулярное обновление и тестирование приложения помогут выявить и устранить ошибки на ранних стадиях разработки. Также важно учитывать обратную связь пользователей и анализировать данные об использовании приложения для постоянного улучшения качества и устранения ошибок.
В целом, успешная валидация и устранение ошибок требует внимания к деталям, систематического подхода и использования современных инструментов и методов разработки. Важно помнить, что процесс валидации и устранения ошибок является непрерывным и требует постоянного внимания и улучшения.