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

html
css

nitoyon のブックマーク 2007/06/11 08:47

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4856415/comment/nitoyon" data-user-id="nitoyon" data-entry-url="https://b.hatena.ne.jp/entry/my-chunqiu.cocolog-nifty.com/blog/2007/05/class_67a6.html" data-original-href="http://my-chunqiu.cocolog-nifty.com/blog/2007/05/class_67a6.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmy-chunqiu.cocolog-nifty.com%2Fblog%2F2007%2F05%2Fclass_67a6.html" data-user-icon="/users/nitoyon/profile.png">論理構造を文脈に読み換えながら class 名を考える - 我的春秋</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/html">html</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li></ul><br><p style="clear: left">クラス名命名のポリシー。div.header はサイト共通の情報、div.bodyはページ固有の情報なので、header→site、body→page、footer→publication を提案。見た目ではなく、中に含まれる情報の意味をマークアップする。素敵。</p><a class="datetime" href="https://b.hatena.ne.jp/nitoyon/20070611#bookmark-4856415"><span class="datetime-body">2007/06/11 08:47</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

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

my-chunqiu.cocolog-nifty.com2007/05/30

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

125 人がブックマーク・28 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

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

はてなブックマーク

公式Twitter

はてなのサービス