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

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

Я начну с 3-х пунктов:

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

    <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 плавать влево, вам нужно очистить их после левой.Вы можете сделать это сейчас с помощью

    div#myId + br {
      clear: left;
    }
    

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

    div#myId + br {
      display: none;
    }
    

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

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

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

1 Ответ

2 голосов
/ 27 апреля 2011

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

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

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

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

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

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

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

...