Рекомендации по автоматической генерации HTML для максимальной стилизации CSS

Question

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

Начну с 3 баллов:

1. Вы создаете div или td или что-нибудь еще с текстовым содержимым. Поместите в него span!

   <div><span>text content</span></div>
   

   вместо

   <div>text content</div>
   

   Причина: иногда вам нужно применить другой стиль к текстовому содержимому. Если вы можете получить к нему доступ только косвенно через окружающий div, некоторые вещи невозможны.

2. Поместите BR за div!

   <div id="myId">foo bar</div><br>
   

   вместо

   <div id="myId">foo bar</div>
   

   Причина: допустим, вы решили позволить некоторым элементам перемещаться влево, вам нужно очистить их после левой. Вы можете сделать это сейчас с

   div#myId + br {
     clear: left;
   }
   

   И если вам не нужен br, вы можете просто сделать:

   div#myId + br {
     display: none;
   }
   

   Без этого дополнения плавание div'ов - настоящая проблема, и вы не можете правильно выровнять контент.

3. Это должно быть легко, но все же: используйте классы и идентификаторы, чтобы вы могли правильно получить доступ к каждому элементу в CSS.

Хорошо, это то, что я узнал, теперь ваша очередь расширять этот набор рекомендаций:-)

Answer 1

Точка #1: если ни DIV, ни SPAN не имеют класса или идентификатора, то их одинаково сложно стилизовать. Я бы никогда не добавил дополнительную разметку ради CSS. Я бы не предложил этот конкретный метод.

Пункт № 2: То же, что и выше. Я презираю системы, которые помещают дополнительную разметку в HTML.

Пункт № 3: Да. Я определенно согласен с этим. Конечно, это легче сказать, чем сделать.

Я не уверен, какую именно "систему автоматической генерации" вы создаете, но давайте предположим, что это CMS. Поэтому я бы порекомендовал следующее:

1. CMS не должна быть системой управления проектами. Он должен управлять контентом.

2. CMS не должна создавать какой-либо HTML-код (кроме семантической разметки самого контента, такого как абзац, список, теги-цитаты и т. Д.). HTML должен быть создан кем-то, кто управляет шаблонами. Там должны быть шаблоны страниц, шаблоны разделов и шаблоны содержимого... все редактируемые разработчиком.

Wordpress делает это хорошо, например.