Webmediaデザイン・コーディングセキュリティバックエンドCMSプロデュース・ディレクションWeb便利ツールHTML・CSSの記述をチェック!W3CのValidatorの使い方Web便利ツールHTML・CSSの記述をチェック!W3CのValidatorの使い方2019/12/30ShareTweet自社のWebページのHTML・CSSが正しく記述されているか、不安に思ったことはありませんか?今回は、その悩みを解決するWebツールであるW3CのValidatorを紹介します。古いWebサイトにさようなら。次世代技術と最新デザインでユーザーを獲得。https://www.itra.co.jp/index.htmlデザインからシステムやセキュリティまで、ワンストップでサポートできるからこそ、官公庁や大企業から選ばれ続けてきました。見た目の良いWebサイトを作るだけではなく、最先端の技術力とデザイン力を持って、クライアントの課題を解決できるWebサイトをご提案します。Serviceチェック後:エラーの表示まとめW3CのValidatorとはW3CのValidatorとは、Web技術の標準化を行っている非営利団体であるW3Cが提供しているHTML・CSSのチェックを行うツールです。Validatorを使うことで、正しくない文法で書かれたコーディングをエラーとして原因も含めて確認できるため、すぐに正しいコードに修正できます。Service」を紹介します。W3CのValidatorを使用するメリットW3CのValidatorを使用して正しいコードに修正することで、Webページ管理の複雑化を防げます。Webページを作成している間は、正しい文法を使用することで時間がかかってしまうかもしれません。自分だけが管理しやすいコーディングは、後々に作業効率を落とす可能性が高いです。正しくない文法を使用したWebページの管理者が自分から他の人に移った時に、コーディングの意図が正しく読み取れず、メンテナンスをする際に必要以上の時間がかかってしまいます。Webページを作成した後のことまで考えると、W3CのValidatorを使用して正しいコードに修正するメリットは大きいです。Service」です。HTMLをの記述をチェックしたいWebページの1.URLを直接入力する2.ファイルをアップロードする3.HTMLソースを直接入力するのいずれかの方法で使用できます。「Check」をクリックした後、HTMLの記述に不備がある場合は画像のようなエラーが表示されます。写真の1は「img要素にalt属性を記述していない」ことで表示されるエラーです。Serviceでチェックした時に、該当していたエラー項目が表示されなくなります。Service(https://jigsaw.w3.org/css-validator/validator.html.ja)」です。Serviceと同様に、1.URLを直接入力する2.ファイルをアップロードする3.HTMLソースを直接入力するのいずれかの方法で使用できます。「検証する」をクリックした後、CSSの記述に不備がある場合は画像のようなエラーが表示されます。写真の1つ目は「プロパティのスペルミス・書き間違え」で表示されるエラーです。Serviceでチェックした時に、該当していたエラー項目が表示されなくなります。エラーがない場合はこのように表示されますまとめW3CのValidatorを使用して、自社のWebページのHTML・CSSが正確に記述されているかを確認してみましょう。Web担当になったけれど自分の知識に自信がない、自社のWebページをもっと改善したい、けれども、うちにはそんな時間も人材もないというお悩みはございませんか?WebMediaを運営するITRAではお客様に真摯に向かい、ご要望に沿ったWebサイト制作やリニューアルを行ってきました。お気軽にお問い合わせください。ShareTweet関連記事GoogleのURL短縮サービスが3月で終了。カスタムサーチ」が3月末で終了。官公庁や大手企業を中心とした大規模なWebサイトを総合的にプロデュースするWeb制作会社。デザインからシステム、サーバーまでWebサイトに関わるお客様の悩みを解決します。人気の記事1AdobeのFlash終了に向けた正しい撤収方法と代替案2GoogleのURL短縮サービスが3月で終了。カスタムサーチ」が3月末で終了。