1年ほど前に作成した、(X)HTMLとCSSのマークアップガイドラインです。アルバイト先のガイドライン策定の際に、ファーストドラフトとしてつくったものです。1年アップデートしていないので情報も古いですし、直したいところもいくつかあるのですが、せっかくなのでここに出してみました。
また、以下はその際に参考にしたサイトです。くりかえしになるんですが、1年前の時点でのことなので、現在と状況が変わっていたり、この1年でほかにも良いエントリが出ていることが考えられるので、気をつけてください。
全般
SimpleBoxes | CSSとHTMLのコーディングガイドライン
そのものずばり、ガイドラインを公開されている方のエントリーです。お手本として、かなり参考にさせていただきました。
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]
益子貴寛さんが、CSS Niteで行った講演の資料です。今回の目的そのものである、XHTMLとCSSのガイドライン作りに関する内容であるため、参考になりました。
最低限これだけ守っていればコーディングがうまくなるポイント:::STOPN’ LISTEN:::
(X)HTMLとCSSでのマークアップ全般に関するtipsです。インデントを使用しないという部分を参考にしました。
(X)HTML
XHTMLの書き方と留意点
神崎さんの記事です。XHTMLを書く際の基本について、わかりやすくまとめられています。
第４回 HTMLからXHTMLへの移行方法（1）：ITpro
同様に、XHTMLマークアップの基本です。
Blogサイトで見かける変なHTML
例を挙げながら、標準に沿った(X)HTMLの書き方を説明しています。構造(HTML)と表示(CSS)を分離するために、(X)HTMLには見栄えのための要素を書かないというのがポイントのようです。
And all that Malarkey // Naming conventions table
海外の著名なWebデザイナーが、Divブロックのid/class名をどのよう
用 UL 制作菜单现在非常流行，那我们也凑凑热闹，第一讲就说说用 UL 制作导航菜单的方法，这一讲是入门版，只是实现基本功能，欢迎各位发布自己的实现方式。
我们先定一下 HTML 代码：
<ul id="menu">
<li><a href="http://www.codebit.cn">CodeBit.cn</a></li>
<li><a href="h ......
样式表如下：
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
然后再要加边框的html文件中加上
<table id="border" border="0" cellspacing="0"> ......
我最近在模仿博客园，制作一个个人博客，突然发现Footer部分浮动到了Content部分，我在Footer部分已经加了一句“clear:both;”，为什么还会出现这个问题。Footer部分的CSS代码如下： /*页面底部*/
#Footer {width:100%;height:70px;margin:0 auto;clear:both;} /*如果加了clear:both; 此部分就不会浮动了*/ ......
