arison.jp arison.jp blog - 現在をたのしく、未来をたのしむ。日常の思い出兼備忘録。

HTML とCSS のコーディング規約

HTML とCSS のコーディング規約

あなたのコーディング、大丈夫? コーディング規約 HTML+CSS編 | Web制作会社スタイル
http://www.hp-stylelink.com/news/2013/10/20131001.php

あなたのコーディング、大丈夫? コーディング規約 HTML+CSS編 Web制作会社スタイル
http://www.hp-stylelink.com/news/2013/10/20131001.php

  • あなたのコーディング大丈夫?
  • HTMLとCSSの共通ルール
  • HTMLに関するルール
  • CSSに関するルール
  • まとめ

原文は、
Google HTML/CSS Style Guide
http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
Revision 2.23版
原文ライセンス

Google先生なら間違いない。の日本語版。

埋め込みリソースから(http,https)を省略。

 どんなプロトコル使ってほしいか明記するより、今使っているものを使うほうがいい。ってことらしい。

インデントは半角スペース2文字

 タブと半角スペース論争と文字数論争などがありますが、ネストが深くなりがちなので半角スペース2文字あたりが妥当かと。

小文字の使用
 HTMLの各要素、属性、属性値、CSSのセレクタ、プロパティ名、プロパティ値の記述には小文字を使用する。

 昔は大文字をつかっていたころがありました。

HTMLのバリデート
文法に則った記述をする。
閉じタグや、ドキュメントタイプの宣言(!DOCTYPE html)等をはじめ、いくつかのタグは省略できないため、省略できるタグと省略できないタグに注意し記述する。

 !DOCTYPE html は記述していなかった。

About arison

大都会岡山の南部にある玉野市生まれ。 大都会岡山のIT会社(目標は大都会No.1)でコンピュータとお客を相手に日夜格闘中。 関東出張中はグルメブログ。 基本的に遊び人のおっさん。 ライフハックとガンダム好き。ギガフロート玉野を浸透中。

09. 10月 2013 by arison
Categories: プログラミング | Tags: , , | Leave a comment

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください