HTML5
公式サイトHTML5とは
HTMLは、Webページの構造をブラウザに伝えるためのマークアップ言語です。見出し、段落、リンク、画像、フォームといった要素を記述し、ブラウザがそれを解釈して画面に表示します。HTML5は、この規格を現代のWebに合わせて大きく拡張した版で、動画や音声の埋め込み、記事やナビゲーションといった意味を持つ要素、スマートフォンでの入力に適したフォーム部品などが加わりました。現在は特定の版番号ではなく「Living Standard」として継続的に更新されており、すべての主要ブラウザが対応しています。
弊社が採用する理由
HTMLはWebサイトやWebシステムの画面を作るうえで避けて通れない技術ですが、弊社が意識しているのは「正しく使う」ことです。見出しや段落、リストといった要素をその意味どおりに使うことで、検索エンジンがページの内容を理解しやすくなり、スクリーンリーダーなど支援技術を使う方にも情報が正しく伝わります。フォーム部品を適切に選べば、スマートフォンで数字やメールアドレスを入力する際に最適なキーボードが表示され、スマートフォン対応の使いやすさが向上します。また、構造が整ったHTMLはCSSやJavaScriptからの扱いが簡単になり、後からデザインを変更したりCMSに載せ替えたりする際の手戻りを減らせます。PHPやWordPressで生成する画面でも、最終的に出力されるHTMLの品質を確認することを弊社の標準にしています。
向いている案件
- 検索エンジンと利用者の双方に内容が伝わるWebサイト
- スマートフォンでの入力を考慮した問い合わせ・申込フォーム
- 支援技術に配慮したアクセシブルなページ
- 後からCMS化やデザイン変更をしやすい構造のサイト
保守・移行の観点
HTMLの規格は継続的に更新されますが、後方互換性が重視されているため、正しく書かれたHTMLが突然動かなくなることはほとんどありません。保守の観点で注意が必要なのは、古い書き方や廃止された要素が残っているページです。こうしたページは見た目上は動いていても、ブラウザによって表示が崩れたり、レスポンシブデザインへの対応を難しくしたりします。既存サイトを引き継ぐ際は、文書型宣言、文字コード、廃止要素の有無を確認し、必要に応じて段階的に整理します。検証ツールで構文を確認する習慣を持つと、品質を保ちやすくなります。
組み合わせて使う技術
よくあるご質問
古いHTMLで作られたサイトはそのまま使えますか?
多くの場合表示はできますが、スマートフォン対応や検索エンジンへの対応が難しいことがあります。全面的な作り直しが必要とは限らず、構造の整理だけで改善できる場合もあるため、まず現状を確認してご提案します。
HTMLの品質は検索順位に影響しますか?
構造が正しいHTMLは検索エンジンが内容を理解する助けになります。ただし、順位は内容や表示速度など多くの要素で決まるため、HTMLだけで順位が上がるとは言い切れません。土台を整えるという位置づけです。
関連するサービス
関連する開発ガイド
- モバイル対応の考え方 — レスポンシブと専用サイトの違いスマートフォン対応の方法として、レスポンシブデザイン、モバイル専用サイト、アプリの3つを用途で比較します。それぞれの仕組みと運用の違い、自社に合う方式を選ぶための判断基準を整理します。
- 他社が作ったシステムの引き継ぎ・保守を依頼するときのチェックリスト前の開発会社が作ったシステムの保守を別の会社に引き継ぐときの手順を、資料・アカウント・ソースコード・環境の棚卸しから調査、リスク整理、保守範囲の合意、移行まで、確認項目の表とともに解説します。
- CMSの選び方 — 3つの方式の比較WordPress・MediaWiki・Wix などのクラウド型CMSを用途別に比較し、会社サイト・社内wiki・小規模ページなど目的に合ったCMSの選び方と、導入前に確認したい点を整理します。
関連用語: レスポンシブデザイン、CMS、ステージング環境
監修: Unlogical Systems合同会社(杉並区・西荻窪)公開