Ошибка синтаксиса html

Иногда, бывает такое, что достаточно нехватки закрывающего тега либо наоборот лишний тег просочился, то ваша страница превращается в что-то непонятное и кривое!

Об оишибке синтаксиса в html

1. Что такое Ошибка синтаксиса html
2. Исключение ошибок синтаксиса на вашем сайте
3. Как найти синтаксическую ошибку в коде html
4. Бесплатный совет -> о синтаксических ошибках

Что такое Ошибка синтаксиса html

Предполагается, что синтаксис в html - это строгий синтаксис! Вообще, по идее браузер сам должен достроить дерево html(Честно признаюсь, что никогда не задумывался над всеми этими механизмами!), если не хватает какого-то из тегов! Но... кривизна все равно вылазит... знаю по собственному сайту! Как только вот прямо здесь я вставлю открывающийся тег -> div весь правый сайд бар улетит в футер...

Единственное и главное правило не создавать ошибки синтаксиса в html - писать правильный код!

Так...

Что же такое Ошибка синтаксиса html

Ошибка синтаксиса html - это нарушение правильной структуры каркаса html дерева, от которой визуальное представление сайта на мониторе выглядит не так, как оно задумывалось!




Исключение ошибок синтаксиса на вашем сайте

Для того, чтобы исключить появление ошибок синтаксиса на вашем сайте вам потребуется всего-то правильно сделать html + каркас сайта - да это звучит банально ничего умнее я не придумал, потому, что это азы! И без этого вы просто обречены каждый раз мучаться с ошибками синтаксиса в html!

Да я буду много сейчас говорить банальностей и эти банальности нужно делать, как ходить на работу, любить своих родителей и своих детей и т.д. можно продолжать до бесконечности!
Создавайте структуру сайта именно деревом, когда вложенный тег отодвигается на шаг вправо.

<div class="div1">
   <div class="div2">
       <div class="div3">
           <div class="div4">
           данные
           </div>
       </div>
   </div>
</div>


Старайтесь делать код html простым(краткость сестра таланта), чтобы его можно было понять! Избегайте применять по поводу и без повода лишние теги!

Делайте ваш код html блоками, например блок menu -> блок futer

Добавляете описание в началу блока и и к концу блока:

<!-- menu -->
здесь menu
<!-- /menu -->

<!-- futer -->
здесь futer
<!-- /futer -->




Как найти синтаксическую ошибку в коде html

К сожалению, в html в отличии к примеру от php не указывается на какой строке ошибка! Но нам все равно от этого не легче и нам нужно

найти синтаксическую ошибку в коде html - как это сделать!?

Как я уже говорил, у вас должен быть html каркас создан по неким правилам, которые я немного озвучил выше!

Как раньше я искал синтаксическую ошибку в коде html!? Брал файл, в котором, есть основные блоки... удаляем блок меню... загружаем на сервер... смотрим пропала ошибка синтаксическая или нет... если пропала, то ошибка в блоке меню. Если нет, то меню возвращаем на место! Но и не забываем, что может быть сразу несколько ошибок...

Если в меню синтаксическая ошибка. не найдена идем в тело страницы... далее футер...и далее сайд бар... никто, ничего умнее еще не придумал...

Нашлась ошибка в блоке? ... разбираем блок построчно! До тех пор, пока не найдем синтаксическую ошибку html!

Есть еще возможность проверять код в программах о которых вы знаете редакторы кода... Sublime + Notepad(не нравятся эти -> открываем поисковик ищем редактор кода...), открываем код html в этой программе и проверяем по тегам... если мы поставим мышку на один из тегов, то второй тег будет подсвечен аналогично, в sublime - это полоса снизу...

Нажмите, чтобы открыть в новом окне.




Бесплатный совет -> о синтаксических ошибках

Как я уже говорил и повторюсь! Делайте html код блоками!

Чем меньше тегов, тем лучше!

Длинный код, вас должен напрягать! Чем длиннее код, тем возможностей появления синтаксических ошибок и не только, возрастает!

Если у вас html и php перемешан и находится в разных файлах, то найти ошибку вообще будет сложно! Выделяйте html код в отдельный файл

Это... какие-то совсем простые советы, но я их говорю не просто так, а потому, что делаю это давно и у меня уже есть какие-то свои наработки и правила, которым я следую!

Выработайте свои правила и придерживайтесь их и у Вас больше никогда не будет синтаксических ошибок в html!