Web

Webページを検証する各種サービス

※当サイトにはプロモーションが含まれています。

投稿日:

1. はじめに

Webページに問題がないかチェックすることができるサービスをいくつか紹介します。

2. Webページを検証するサービス

(1) HTMLを検証する

Ready to check – Nu Html Checker

Nu Html Checker

Check by address」という部分の下に URL を入力して [Check] ボタンを押すと、検査が始まります。

(2) CSSを検証する

W3C CSS 検証サービス

CSS Validation Service
CSS Validation Service

アドレス」に URL を入力して [検証する] ボタンを押すと、検査が始まります。

オプションは、分からなければそのままで良いですが、[Profile] の選択項目によってエラーになる内容に違いがあるので、少し注意しておくとよいです。

(3) アクセシビリティを検証する

WAVE Web Accessibility Evaluation Tool

WAVE Web Accessibility Evaluation Tool
WAVE Web Accessibility Evaluation Tool

Web page address のところに URL を入力して Enter キーを押すか、右側にある矢印をクリックします。

(4) Web Vitals (ページの読み込みパフォーマンス) を検証する

PageSpeed Insights

PageSpeed Insights
PageSpeed Insights

中央のフィールドに URL を入力して、[分析] ボタンを押します。

3. おわりに

各サービスの結果を理解するには知識と経験が必要ですが、まずは使ってみないと始まらないとも言えます。

「検証する」→「結果の中に分からない用語があれば調べる」を繰り返しましょう。

または、以下のサービスからご質問も受け付けております。

HTML/CSS/JS/PHPの質問をお受けします Webに関して疑問をお持ちのあなたへ

📂-Web

執筆者:labo


comment

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

関連記事

Web

Firefox で複数のプロファイルを使い分ける方法

目次1. Firefox のプロファイルについて2. プロファイルによって管理できるもの3. プロファイルの場所プロファイルの場所の確認方法4. プロファイルマネージャープロファイルマネージャーの起動 …

Web

HTTPステータスコード「103 Early Hints」について

103 Early Hints について説明します。

GitHub

GitHubで管理してるリポジトリに含まれたファイルのURLについて

🔗 そのGitHubのリンク、消えるよ #ネタ – Qiita GitHubで管理してるリポジトリ内のファイルを表すURLについて。 デフォルトだとブランチ名の入ったURL …

Web

CORS の プリフライト・リクエストを発生させて観察する

CORS の プリフライト・リクエストを発生させて観察するページを作成しました。

プライバシー

「Web閲覧履歴をもとにした広告配信」についての調査結果

上の記事で興味深いアンケートが行われていました。 「Web閲覧履歴などをもとにカスタマイズされた広告が配信されていると認識している人」がそのような広告に対してどう思っているかについて聞いたところ、以下 …