![](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURbTe/2u9/2O19+f3/0qU1sbn/2Ol3qXW/5zW/63W/3O9/4zO/9bv/4TG/////////34tGU8AAAAQdFJOU////////////////////wDgI10ZAAABo0lEQVR42mLghwIeMIDxAAKIASrIzcTLzcvLyA4VBgggBoggLw8fGLByQSQAAggkzMrEysfMzcbGxsvKx8cOFgcIIKAwDxMzHy8LEzc3Ny8bGw8fA0gcIICAwow8fGxMnJycDEDEy8LKx87Jzw8QQAz8DBxgUQ6gAawcnLwszHyM/PwAAcTAz8jHysbOwc7BwMzMwM7BwcTGx8rODxBADDy8fGy83BzcHOwMQFEgBVTOxA8QQAw8nHwsvBxAPicfH5Dk5mbj5OPlAQggBh5WZhagT7h5gcJgmo2bj5sHIIAgwiAAEgYBsDBAADHwMPBBhNlhwpxAYYAAYuABuo8NxOWGCoNcyAMQQAz8XEAHcgEBBx8fiGJj4+Ph5QcIIAZ+dlagciAfpBooysLDx83KDxBAQM9z8TGzsTExgiEb0PNAxfwAAQQU5uTl4+NmAcoAw5CNmY+ZCRgZAAEECliQOA8oYIGO4OPhAgkBBBA4Gji5WPmggJ2JFSQCEEDQSGPn4mZlZWXgZeSE8AECiAEWqZzcQMdwwngAAQQX5keOeH6AAAMAlF8VLPn5lcgAAAAASUVORK5CYII=)
このページは、外部サイト
Google ウェブマスター向け公式ブログ の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「
HTML と CSS のコーディングガイドライン」 からご覧ください。
優れたコードは効果的で、効率的で、保守性に優れ、洗練されているものです。時には会社すらまたがるような大勢の開発者間やチーム間でコーディングを進める場合、コードには一貫性があり、理解しやすいものでなければなりません。それを実現するために、スタイルガイドがあります。Google では様々な言語のスタイルガイドを使用していますが、その中で Google が最近公開したものが、
Google HTML/CSS Style Guide(英語)です。
この HTML & CSS Style Guide は、
Google の他のスタイルガイド と同様に、インデントのようなフォーマットのルールに関するガイドから、さらに進んで開発者はコードをこう書くべしという現実的なベストプラクティスが記述されています。スタイルガイドを書く側からすると、現実的なコードの書き方を基軸にするか、理想的なスタイルを基軸にするかのどちらがいいか、というところがスタートポイントになることが多いのですが、Google の HTML/CSS Style Guide はその両方を満たすように書いています。
この最新版のスタイルガイドを今回みなさんにご紹介しますので、ぜひご活用いただければと思います。将来的にはその設計思想やアップデートについてもお知らせしたいと思います。
この記事に関するコメントやご意見・ご感想は、
ウェブマスター ヘルプフォーラム までお寄せください。
Written by Jens O. Meiert, Senior Web Architect, Google Webmaster Team
Original version:
Coding guidelines for HTML and CSS