(X)HTML+CSSのマークアップガイドライン
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名をどのよう
相关文档：
基 本 标 签
创建一个HTML文档 <html></html>
设置文档标题以及其他不在WEB网页上显示的信息 <head></head>
设置文档的可见部分 <body></body>
标 题 标 签
将文档的题目放在标题栏中 <title></title>
文 � ......
制作过网页的人都有为画线而烦恼的经历，本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面将通过实例来说明其应用技巧。 ......
在用DIV+CSS排版时，经常要使左右两边栏目自动等高。这里介绍个简单方法~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<m ......
CSS中visibility与display的区别
CSS中的属性visibility与display都可实现显示、隐藏元素的效果，但他们之间也有很大的区别。
visibility规定元素的内容是否显示；而display规定元素本身的现实方式，可以决定元素本身是否可见。
visibility的visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"时，虽然元素 ......
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
......
