W3C Markup Validatorとは？

W3C Markup Validatorとは、Web文書のマークアップの妥当性をチェックするために、World Wide Web Consortium (W3C) が提供している無料サービスです。このツールは、HTML（HTML 4.01まで）、XHTML（1.0と1.1）、MathML、SMIL、SVG（1.0と1.1、モバイルプロファイルを含む）など様々な文書タイプをサポートしています。Web開発者やデザイナーは、このツールを使用することで、作成したWebページが様々なブラウザで正確に表示されるようになります。また、アクセシビリティの問題や構文エラーを特定し、修正するのにも役立ちます。

W3C Markup Validatorの使い方

まずは、W3C Markup Validatorにアクセスします。

３つの検証方法

検証方法は、URLを使用、ファイルのアップロード、直接入力があります。検証環境などにより適宜検証方法は選択しましょう。

URL(Validate by URI)

公開されているウェブページのURLをAddressに入力し、「Check」ボタンをクリックして検証を開始します。

ファイルのアップロード(Validate by File Upload)

ローカルのHTMLファイルをアップロードし、「Check」ボタンをクリックして検証を開始します。

直接入力(Validate by direct input)

HTMLコードをテキストエリアに直接入力し、「Check」ボタンをクリックして検証を開始します。

代表的なエラー例

以下に代表的なエラー例を5つ記載しました。よかったら参考にしてみてください。

閉じタグの不足

<div><p>This is a paragraph</div>

<div><p>This is a paragraph</p></div>

type属性の省略

エラー例

解決策

HTML5ではtype属性の省略が推奨されています。ただし、特定の文脈でtype属性を指定する必要がある場合もあります。

※scriptタグが記載できなかったので画像で表示しています。

重複するID

<div id="section1">...</div><div id="section1">...</div>

不正な入れ子

<p><div>This is a paragraph</p></div>

img要素にalt属性がない

<img src="image.jpg">

まとめ

W3C Markup Validatorを使うことにより、開発における開発者の負担を軽減させるだけではなく、アクセシビリティを向上させ、様々なユーザーが使いやすいWebサイトを作る手助けとなります。