Вы отступаете от своего HTML-кода?

Ответ 1

Я делаю отступ, он сохраняет материал удобочитаемым. Рассмотрим отступы на 2 пробела вместо 4 или 8. Я только отступы блокировки, остальное на одной строке.

Ответ 2

Я делаю отступ.

Кроме того, по возможности старайтесь свести к минимуму чрезмерное размещение HTML. Чем проще разметка, тем лучше. Хотя построение глубокой иерархии может иметь логический смысл, это может быть практическим кошмаром для применения CSS и поддержки в целом.

Если вы можете, упростите свой html. Это остановит перечеркнуть и упростит чтение. Еще лучше, в зависимости от того, какую серверную технологию вы используете (если есть), вы можете сломать сложные файлы в отдельные файлы (например, частичные представления в MVC или пользовательские элементы управления в веб-форматах и ​​т.д.).

Ответ 3

он выглядит лучше, если мы отступаем, и это более читаемо, но! отступы - это худшая проблема с производительностью, потому что отступы на самом деле оставляют много белых пробелов, особенно когда вложенность становится глубже. попробуйте написать две html-страницы, сделайте 1-й отлично отступом, а второй без какого-либо отступа, вы заметите, что вторая страница на самом деле примерно на 60% меньше по размеру (что означает, что она быстрее загружается в браузере).

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

Ответ 4

Я довольно фанатичен в отношении отступов. HTML включен в это. У меня есть некоторые из моих собственных "правил" вроде, не отступайте <tr> и т.д., Но я придерживаюсь своих правил.

Ответ 5

Я хочу, чтобы мой HTML был отступом от моего редактора.

Честно говоря, что это за редакции?

Ответ 6

Да!

если вы используете визуальную студию CTRL+K CTRL+D, и все будет организовано, это упростит вашу жизнь.

Ответ 7

Я отступаю так же, как и в любом документе стиля XML (какой XHTML является подмножеством).

Ответ 8

Это не имеет большого значения, поскольку у вас есть инструменты, такие как firebug, но я также пытаюсь получить некоторые новые строки после div, p, ul ect. элементы. основная проблема заключается в том, что: когда он хорошо выглядит в моем php-коде, он разбивается на полученный html.

Ответ 9

должен быть отступ!... следующий текст из PEP8 - подводит итог, как я пытаюсь делать что-то на всех языках.

* Глупое согласование - это Хобгоблин Маленьких Умов

Руководство по стилю - это последовательность. Важное значение имеет согласованность с этим руководством по стилю. Согласованность в рамках проекта более важна. Согласованность внутри одного модуля или функции наиболее важна. Но самое главное: знать, когда быть непоследовательным - иногда руководство по стилю просто не применяется. Когда вы сомневаетесь, используйте свое лучшее суждение. Посмотрите на другие примеры и решите, что выглядит лучше всего. И не стесняйтесь спрашивать!

Две хорошие причины для нарушения определенного правила:

(1) При применении правила код станет менее читаемым даже для тех, кто используется для чтения кода, следующего за правилами.

(2) Быть в соответствии с окружающим кодом, который также нарушает его (возможно, по историческим причинам) - хотя это также возможность очистить кого-то еще от беспорядка. *

Ответ 10

Я использую Visual Web Developer whice автоматически обрабатывает отступ

Ответ 11

Notepad ++ реализует HTMLTidy, который также может использоваться для автоматического отступа HTML. Я нашел это очень полезным в прошлом, особенно когда речь идет о выпуске HTML из серверного элемента управления, который может быть или не быть действительным.

Ответ 12

Я думаю, что важно отступать от HTML так же, как с каждым фрагментом кода, который вы пишете, это в Python, С#, JavaScript или CSS. Отступы для удобства чтения, так что, когда вы или кто-то другой попытаетесь понять и отредактировать файл, это займет у него наименьшее количество времени. Отступы HTML-кода делают его более читабельным? Я думаю: да, очень.

Я отступаю не только от элементов, но и от свойств. Это полный беспорядок читать HTML-элемент с 3 + свойствами все в одной строке, например:

<textarea placeholder="Content" aria-label="Message content" name="content" rows="5" required="" ng-model="contactPage.content"></textarea>

В то время как это намного проще понять и отредактировать с каждым атрибутом в отдельной строке:

<textarea placeholder="Content"
          aria-label="Message content"
          name="content"
          rows="5"
          required=""
          ng-model="contactPage.content"></textarea>

Проблема с отступом заключается в том, что, если вы не делаете очень тривиальную веб-страницу, HTML легко становится очень глубоким (некоторые элементы имеют высокие уровни вложенности). Это может привести как к плохой читаемости - трудно понять структуру, когда что-то с отступом 7 уровней, также линии очень длинны - и увеличение размеров файлов из-за необходимости хранить пробельные символы, которые делают отступ. Вот почему это также важно:

• Разделите свой HTML-код на отдельные шаблоны (существует множество доступных механизмов шаблонов, например Nunjucks). Это увеличивает читаемость, поскольку каждый файл шаблона сбрасывает отступ.
• Свернуть свой HTML для производства. Это избавляет от размеров файлов, увеличиваясь в соответствии с индентификацией.

Ответ 13

Да, конечно.
я indent с вкладками (которые часто являются одинаковыми из 4-х пространств в моноширинном символе, таком как Consolas, но это всего лишь 1 символ вместо 4-х!).

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

<button onclick="clicked()">

Когда тег имеет более одного атрибута, я пишу их по новой строке для каждого после имени тега:

<button
    id="helloButton"
    onclick="clicked()">

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

<button>Hello world</button>

Когда элемент содержит дочерние элементы или текстовые узлы, я пишу их на новой строке с отступом открытия и закрытия тега:

<button>
    Hello <span>world</span>
</button>

<!-- OR -->

<div>
    <button>Hello world</button>
</div>