2

CSSをHTMLから可能な限り切り離す方法を模索しています。これを行う方法は、HTMLで基本的なレイアウト要素を標準的な方法で記述し、さまざまなCSSファイルが、それが機能しているマークアップが見なくてもどのように見えるかを正確に知ることができるようにすることです。

ですから、レイアウト要素にどのように名前を付け、どのような順序で配置するかについての一連の標準がどこかにあるのだろうかと思っていました。たとえば、ページをマークアップするための賢明な方法は次のようになります（HTML5を使用していることに注意してください）。要素と、CSSルールにIDを使用してはならないという理論に従う）：

<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>

多くのページは、この基本的なレイアウトに似たものを使用しています。ただし、ご覧のとおり、「container」または「primary」クラスの名前は、<aside>列の使用と同様に大きく異なります。また、要素の内部ではなく<nav>要素の後に配置したり、要素の内部に列要素を配置したりするなど、順序にはおそらくばらつきがあります。<header><article>

これらの一般的に使用されるレイアウト要素の順序と命名を標準化するために行われた作業を知っている人はいますか？マイクロフォーマットか何かのように？

4

1 に答える 1

3

同じウェブサイトは 2 つとないため、絶対的な基準はないと思います。

わかりました、いくつかはそうですが、それは重要ではありません. :)

とにかく、CSS はその 1 つの Web サイトをマークアップするために特別に作成されているため、実際にはそのような詳細に分離することはできません。Web サイトをプラグインしてすべてのナビゲーション コンテナーを配置できる既製の CSS シートはありません。

自分なりの基準を作って、それを貫くのが一番だと思います。よく使われるが非常に抽象的な「コンテナ」よりも適切な名前を見つけていただければ幸いです。そしていつの日か、それがデファクトスタンダードになる日が来るかもしれません。

于 2011-12-23T11:28:29.290 に答える