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名をどのよう
Silverlight 4新功能: Host HTML Content.
这个新功能挺不错的，可惜的是它只能是你把SilverLight应用程序安装到客户端才能使用，不明白为什么SilverLight Toolkit团队不让它能够在浏览器中也可以用。
看了段视频，它主要是讲了三个应用，其它还有很多使用这个功能的方法你可以试着在下面给我留言，大家一起学习。
......
样式表如下：
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; 此部分就不会浮动了*/ ......
