それはひょっとしてギャグで言ってるのか!?
新人コーダーに知っておいて欲しい命名規則の考え方[画像・ID・class名] | クロノドライブ
これでおまんま食えるのか。
１．半角英数字のみを使用する。
「日本語」、「全角英数字・記号」、「半角カタカナ」は使用することが出来ません。
２．記号は「-」（ハイフン）、「_」（アンダースコア）のみ使用する。
「\」（エンマーク）、「/」（スラッシュ）、「:」（コロン）、「*」（アスタリスク）、「?」（クエスチョン）、「”」（ダブルクォーテーション）、「<」（左アングルかっこ）、「>」（右アングルかっこ）、「|」（パイプ）はWindowsでファイル名に使用することが出来ません。 また、上記に含まれないその他の記号についても、プログラム上で誤った処理をしてしまい、エラーを引き起こす原因と成り得るので、使用すべきではありません。
３．機種依存文字は使用しない。
記号と同様、エラーを引き起こす原因と成り得るため、使用すべきではありません。
４．全角スペース、半角スペース(Space)は使用しない。
ファイル名にスペースを含んだ場合、ファイルを正常に処理出来なくなる可能性があります。
id・class名の場合、スペースを含んでしまうと別なid・classとして認識されてしまいます。
５．必ずアルファベットから開始する。（数字から開始しない）
数字から開始しているid・class名は、認識されません。
６．ファイル名は全て小文字で統一する
１．のようなルールを持ち込むのは自由、というよりもむしろ推奨されてもよいでしょうが、理由づけが意味不明。なお、HTML5としては日本語を含もうがキリル文字を含もうが問題ありません。もういちいち突っ込むのも面倒だから以下のHTMLをW3C Markup Validatorに打ち込むなりローカルに保存してブラウザで表示するなりしてお確かめください。関連するかもしれない仕様もあわせて置いておきます。
<!doctype html> <html> <head> <style> .（」・ω・）」うー！ {color:red;} #（／・ω・）／にゃー {color:green;} </style> <meta charset=utf-8> <title>てすと</title></head> <body> <p class=（」・ω・）」うー！>（」・ω・）」うー！ <p id=（／・ω・）／にゃー>（／・ω・）／にゃー
こちらからは以上です。
