Существуют ли руководства по стилю для HTML?

Question

Я обнаружил, что мой HTML, честно говоря, очень неуклюжий. Маленькие, простые страницы в порядке. Но наступает момент, когда между отступом и теми тегами, которые у меня есть, невозможно держать короткие строки. Есть ли W3C (или иначе "официальное" или хорошо принятое) руководство по форматированию для чистого, поддерживаемого HTML? Если нет, какие предложения может предоставить сообщество?

Answer 1

Я обычно помещаю каждый элемент типа "блок" в новую строку и каждый раз делаю отступ. Даже когда кода мало, это помогает определить, где элементы меняются. Единственные элементы, которые я держу в одной строке, - это полужирные и курсивные теги и случайные теги 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>

Answer 2

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

Answer 3

Я должен не согласиться с выбранным вами ответом. Вы должны беспокоиться о том, как выглядит ваш 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 автоматически. автономные приложения, такие как tidy ui и htmltrim , могут сделать это, или вы можете получить библиотеку htmltidy , которая может быть интегрирована с вашим приложением.

Answer 4

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

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

Answer 5

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

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

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