http://code.google.com/p/zen-coding/ zen-codingを使うとhtml,cssを効率的に書くことができます。 対応エディタも多いのでお使いのエディタが対応しているようであれば使ってみる価値があります。 html:5 例えば上記を入力後、展開キー(エディタによって異なる)を入力すると下記htmlに展開されます。 <!DOCTYPE HTML> <html lang="en"> <head> <title></title> </head> <body> </body> </html> id指定、class指定等も下記のように簡易的に記述することができるのでコーディングスピードが飛躍的に上がります。 下記にいくつか例を書いてみます。 id,classの指定 div#id div.class 要素内に文字を含める場合 li{文字列} 属性の指定 a[href