Просмотр исходного кода на моих веб-сайтах всегда выглядит неприятно, почему HTML не выравнивается должным образом?

Question

Я неплохо справляюсь с форматированием своего HTML и сохранением его в чистоте, но каждый раз, когда я просматриваю исходный код, элементы появляются повсюду. Я думаю, это нормально, так как это не заставит страницу загружаться быстрее или медленнее и затруднит ее копирование, но это выглядит просто некрасиво, и мне бы хотелось, чтобы это не

Почему?

Answer 1

Просмотр исходного кода в веб-браузере покажет, что именно сервер отправил клиенту. Если вы действительно красиво форматируете свой HTML и он не выглядит точно так же на клиенте, то есть что-то еще посередине, что делает его не таким, как на стороне сервера, например, PHP или ASP. NET, который используется для создания некоторой разметки.

Также возможно, что вы видите это по-другому из-за пробелов. Если в вашей среде разработки вы смешиваете пробелы и вкладки и, к примеру, имеете одну вкладку, равную 4 пробелам, а затем в браузере это может быть одна вкладка, равная 8 пробелам, то все будет неправильно выстроено. Чтобы это исправить, всегда используйте вкладки или пробелы. Большинство приличных IDE автоматически переключаются между вкладками и пробелами (например, Visual Studio).

Некоторые браузерные инструменты, такие как Firebug и Chrome Developer Tools, отображают дерево DOM в том виде, в котором его понимает браузер. Это перевод DOM обратно в HTML и вряд ли будет точно таким же, как то, что сервер отправил контент. Хотя он отлично отформатирован.

Answer 2

Я не уверен, почему ваш HTML-код неправильно выстроен в View Source вашего браузера. Было бы полезно увидеть ваш HTML.

Некоторые из распространенных преступников включают в себя:

• смесь вкладок и пробелов для отступа в коде (если вы хотите, чтобы все выглядело красиво, сделайте одно или другое).
• возможно сочетание разрывов строк в Windows, Unix и Macintosh (CR / LF), что может произойти, если код редактируется с нескольких компьютеров. У меня были проблемы с этим, но я не уверен, что это вызовет проблемы, которые вы описываете; возможно нет. (Я уверен, что другие могут более подробно прокомментировать эту возможность.)
• ваш сайт управляется через CMS, которая испускает ужасный HTML

Может быть полезно взглянуть на HTML Tidy . Я еще не использовал это, но я всегда слышал хорошие вещи.