HTML5でグローバルナビゲーションにクラスを付与する際のクラス名 - つれづれ
ウェブサイトではグローバルナビゲーションとなる部分をもつことは多々ある。HTML4などではナビゲーションをマークアップするための要素はなかったので、div要素などにクラスやIDを付与してマークアップすることが多かった。例えば次のように。 <div class="global-nav"> <ul> <li>...</li> <li>...</li> </ul> <div> HTML5では、nav要素が導入される予定なので、そのまま安直に「nav要素があるので、クラス名で明示していた『ナビゲーションという意味』を取っ払ってクラス名にする」と考えてマークアップすると次のようになる。 <nav class="global"> <ul> <li>...</li> <li>...</li> </ul> <nav> これはなんかまずい……気がする。特定要素のみへの適用を想定した命名なのに、かなり一般的な
idの命名に迷ったら | d-spica
idの命名に迷ったら 2007-10-19 0 0 XHTML/CSS Role, XHTML 以前こんなエントリーを書きました。 id="header"で問題ないのでは id，class名をどうふるとよいか，しばしば悩みます。いくつかのパターンがあって，そのどれかを使うのですが，明確な基準というものはありませんでした。 XHTML Role 属性モジュール 先日W3Cから，「XHTML Role 属性モジュール」の最終草案が出されました。 XHTML Role 属性モジュール（日本語訳） 部分的に引用してみます。 概要 この仕様で定義される XHTML Role 属性は、作成者が要素に役割を与えるための属性です。機械で抽出可能な意味情報を要素に与えることで、XML を用いた言語に注釈を与えることができるようになります。ユースケースとして、アクセシビリティやデバイスアダプテーション、サー
論理構造を文脈に読み換えながら 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名をつけている方には、それほど新味はないかも。） 例によって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PUZZLCE、北斗の拳の世界観を表現した「北斗四兄弟ロープナー」を発売
