Стандарты для имен классов элементов макета HTML? - PullRequest
Новая
       17

Стандарты для имен классов элементов макета HTML?

2 голосов
/ 23 декабря 2011

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

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

<body>
  <div class="container"> <!-- central "squeeze" for the content -->
    <header>
      <img class="logo" />
      <nav class="primary"></nav> <!-- main navigation -->
    </header>
    <aside class="pre"></aside> <!-- left column -->
    <article class="main"></article> <!-- central main content -->
    <aside class="post"></aside> <!-- right column -->
  </div>
</body>

На многих страницах используется нечто похожее на этот базовый макет.Но, как вы можете видеть, имя «контейнера» или «первичного» класса будет сильно различаться, как и использование <aside> для столбцов.Кроме того, возможно, существуют различия в упорядочении, как некоторые люди помещают элемент <nav> после <header>, а не внутри него, или элементы столбца внутри элемента <article>.

Кто-нибудь знает оБыла ли проделана какая-либо работа по стандартизации порядка и именования этих обычно используемых элементов макета?Как микроформат или что-то?

1 Ответ

3 голосов
/ 23 декабря 2011

Я не думаю, что существует абсолютный стандарт, поскольку нет двух одинаковых веб-сайтов.

Хорошо, некоторые есть, но это не главное. :)

В любом случае, поскольку CSS создан специально для разметки этого единственного веб-сайта, вы не можете отделить его в таких деталях. Вы не найдете готовых CSS-листов, которые можно просто подключить к своему веб-сайту, чтобы разместить все эти контейнеры навигации.

Я думаю, что лучший способ - это разработать для себя стандарт и придерживаться его. Я надеюсь, что вы сможете найти лучшие имена, чем часто используемый, но довольно абстрактный «контейнер». И, может быть, когда-нибудь это станет стандартом де-факто.

...