正しいHTMLコーディング

正しいHTMLコーディング

Haruki Konishi @2010.11.20

自己紹介

普段してること

アジェンダ

正しいHTMLって?

正しいHTMLとは

そもそもHTMLって...

The power of the Web is in its universality.
Access by everyone regardless of disability is an essential aspect.

Webが優れているところは、その広い汎用性である。
障碍があるか否かに関わらず、誰でもアクセスできるということは、Webにとって不可欠な特徴なのである。

- Tim Berners-Lee via Accessibility - W3C

つまり

なぜ正しいHTMLを書く必要があるの?

ウェブアクセシビリティの改善

ウェブアクセシビリティとは、

高齢者や障害者など心身の機能に制約のある人でも、年齢的・身体的条件に関わらず、ウェブで提供されている情報にアクセスし利用できること

via ウェブアクセシビリティとは:みんなのウェブ

「正しい」コーディングを徹底すると...

そもそも...

サイトのメンテナンスの効率化

ページをコーディングした人以外の人が見た時に、ソースコードがシンプルでわかりやすくなっていると、管理・更新がしやすい

正しいHTMLはSEOに効果がある!?

※1参考:Is W3C validation really essential for Google to list my site ?

※2参考:Using site speed in web search ranking

そんなこと言われてもできないよっ!

こんな方法がお勧めです。

  1. デザインを印刷してそこにどんな要素でコーディングするかを大まかに書き込む
  2. それをディレクターなどの上司にチェックしてもらう
  3. それから実際にコーディングに入る
  4. 表示チェックや文法のチェックを行う

文法チェックをしよう!

文法チェックのためのツール

HTML文書の間違い、閉じ忘れ、必要な属性等をチェックしてくれるツールがある

最後に一言

Happy Coding!

ご清聴ありがとうございました!

Special thanks! mukiSlide is made by Yusuke Nakanishi

Copyright © Haruki Konishi.