論理構造を文脈に読み換えながら class 名を考える - 我的春秋

POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基本的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。（ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。） 例によって

[Lucyz]

論理構造を文脈に読み換える。なんて素敵な考え方。

[sgw_spt]

class命名

[t32k]

- Tags: #Markup

[webmarksjp]

css

[vv_boow_vv]

　class 名を上層から下層へと並べてみたときに、論理的なつながりや一貫性が保たれるようにします。ひとつの目安として、class 名を自然文に読み換えてみて、不自然じゃないかどうかをチェックしてみると良いかも。

[mzp]

クラス名の提案

[kaolly]

論理構造を意識してclass名つけ

[thakuro]

クラス名の考察

[nitoyon]

クラス名命名のポリシー。div.header はサイト共通の情報、div.bodyはページ固有の情報なので、header→site、body→page、footer→publication を提案。見た目ではなく、中に含まれる情報の意味をマークアップする。素敵。

[wacky]

『class名を上層から下層へと並べてみたときに、論理的なつながりや一貫性が保たれるように』するclass名の付け方の提案。

[bhd]

しっくりきていいかんじ

[kwry]

[html/css]

[k_37to]

う～ん分かるけど、まだその領域には達していないなー

[hiro_y]

「class 名を上層から下層へと並べてみたときに、論理的なつながりや一貫性が保たれるように」

[nshash]

class名はsection-h構造風味に、id名はこれで行こうかな。

[leva]

class名はsection-h構造風味に、id名はこれで行こうかな。

[nkoichiro]

ｃlass名のマークアップ/デザイン　長い名前は省略したいけどこうするのが構造的かな・・

[simpleboxes]

class名命名規則について

[version510]

class名の命名順に関する考察と提案

[saladdays]

同類のものにできるだけ同じClass名をつける、という考え方。激しく同意。

[NiPeke]

<q>インスタンスの下にクラスがネストしているという形が、どうにもキモチワルイ</q>

[as365n2]

POSH（Plain Old Semantic HTML）

[asiamoth]

これは非常に優れたマークアップだ！ 参考にしよう。

[lucky-bag]

新しいアイデア。なるほどねぇ。

[webmugi]

　これは考えさせられる

[suttang]

class名

[jetrug]

なるほど

[lomo_lomo]

class 名を上層から下層へと並べてみたときに、論理的なつながりや一貫性が保たれるようにする