Есть ли какие-нибудь руководства по стилю для HTML?

Мой совет - даже не беспокойтесь об этом. HTML и XML, в отличие от большинства языков, почти не требуют повторного отступа в соответствии с любым стилем, который хочет программист. В HTML я использую вкладки шириной 2 и регулярно делаю разделы, выходящие за край окна редактора. На самом деле нет никакого способа избежать этого, если вы просто не пропустите разделы документа с отступами.

Я просто делаю отступы и не беспокоюсь о длине строки.

Если вы используете систему шаблонов, у вас все равно нет контента в представлении, поэтому в строках будут только переменные и теги.

По сути, старайтесь держаться подальше от HTML, и это не проблема.

Я обычно помещаю каждый элемент типа «блок» на новую строку и каждый раз делаю отступ. Даже при небольшом объеме кода помогает то, где элементы меняются. Единственные элементы, которые я сохраняю в той же строке, - это полужирные и курсивные теги, а также случайные теги div и span, когда я форматирую небольшой фрагмент кода, поэтому вы увидите что-то вроде:

<p>
   This is my <b>fancy</b> code block of text here. This will
   typically wrap forever and <div class = "SarcasticStyle">EVER</div> until
   I run out of things to say.
   <br/>
   Yeah, I think that's it.
</p>

Раньше я очень строго относился к пробелам в моем HTML (2 пробела для каждого уровня отступа, без вкладок, групповые разделы с пробелом между ними и т. д.). Однако после того, как я углубился в программирование на стороне сервера, я обнаружил, что все труднее и труднее поддерживать правильное форматирование. Dreamweaver печально известен этим; Кажется, я не могу заставить приложение использовать символы табуляции, что в конечном итоге приводит к тому, что источник выглядит иначе в других текстовых редакторах.

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

Я не согласен с выбранным вами ответом. вы, должен, беспокоитесь о том, как выглядит ваш html. со всеми причудливыми идеями кажется, что разработчики просто не так осторожны в отношении html, как следовало бы. итоговый HTML-код, который выводится в браузер, оказывает значительное влияние как на доступность, так и на поисковую оптимизацию вашего веб-сайта. Сколько людей, создающих веб-сайты, даже знают, что делает тег <label>? он связывает метку с элементом формы, что чрезвычайно важно для людей с ослабленным зрением, которые «просматривают» Интернет с помощью программы чтения с экрана.

Если ваш html вложен настолько глубоко, что у вас больше десяти уровней отступов, вам действительно нужно подумать о рефакторинге вашего дизайна - точно так же, как если бы ваш программный код был таким.

Вернемся к настоящему вопросу: заставить ваш html хорошо выглядеть легко, если вы помните одно правило; разбить теги на несколько строк. возьмем, к примеру, тег <a>. Хотя верно, что вы ничего не можете сделать с самим URL-адресом, за исключением использования службы сокращения, такой как bit.ly, разбейте тег на несколько строк, например:

<a href = "https://rads.stackoverflow.com/amzn/click/com/1430209879" rel = "nofollow noreferrer"More Joel on Software: Further Thoughts on Diverse and
          Occasionally Related Matters That Will Prove of Interest to
          Software Developers, Designers, and ... Luck, Work with Them
          in Some Capacity (Pro) (Paperback)">Another Joel on Software book</a>

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