質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

3861閲覧

バリデートした所色々とメッセージが出ました。

退会済みユーザー

退会済みユーザー

総合スコア0

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2016/01/19 04:42

バリデートした所色々とメッセージが出ました。

・下記をja-jpにした所エラーが出たのですが、本当は問題ないですよね。

<html lang="ja">

・ウェイアリアでrole="banner"をヘッダータグにつけるのは正しので無視して大丈夫でしょう?

Warning: The banner role is unnecessary for element header.
From line 34, column 4; to line 34, column 44
body">↩

<header class="top-header" role="banner">↩

・ウェイアリアでroleはどのタグにつけても、問題ないと思ったのですが、つけないほうが良いものもあるのでしょうか?
Error: Bad value address for attribute role on element ul.
From line 36, column 5; to line 36, column 51
/h1> ↩

<ul class="top-header__address" role="address">↩

Warning: Element main does not need a role attribute.
From line 51, column 4; to line 51, column 21
r -->↩↩ <main role="main">

Error: Bad value outline for attribute role on element article.
From line 106, column 5; to line 106, column 28
-->↩↩ <article role="outline">

Error: Bad value inquery for attribute role on element section.
From line 165, column 6; to line 165, column 45
iv>↩↩ <section class="contact" role="inquery">

・articleのhタグは推奨で必須ではなかったですよね。
Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.
From line 238, column 4; to line 238, column 33
es -->↩ <article id="lightbox-course">

上記はライトボックスのギャラリーの画像一覧なのですが、asideかarticleか難しいのですが、
ドロワーメニューなどもそうですが、クリックした時だけ出てくる要素は何タグで囲みますか?

・onclick=””は、アイフォンのバグ対策に必要ということで入れたのですが、このエラーは、無視で大丈夫でしょうか?
Error: Bad value ”” for attribute onclick on element textarea: illegal character
From line 177, column 63; to line 177, column 179
textarea"><textarea id="contact-form__input-box__body" name="body" placeholder="お時間があれば、具体的なご用件をお聞かせください。" onclick=”” required></text

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

izkn

2016/01/19 04:54

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。
guest

回答1

0

ベストアンサー

どのバリデーターを使ったのかわからないので、とりあえず一般論についてコメントします。

まず大前提として、(納品にあたっての仕様として決まっている、というような場合を除けば)バリデーターで出たエラーはあくまで参考情報です。別に学校のテストではないので、「バリデーターに通すこと」そのものを目的とすべきではありません(むろん、XMLやJSONのように、「厳密に書かないとエラーで撥ねられる」ものであれば形式を満たすのは当然ですが、幸いHTMLは多少規格外に書いても動きます)。

自分がバリデーターをかけた場合、注意する点は

  • タグのネスト間違い、閉じ忘れ
  • 実体参照としての書き忘れ
  • 必須属性の抜け

などです。

上の例ですが、role属性に書ける値は決まっていて、addressoutlineinquiryという値は存在しません。書く以上は、きっちり正しい値を書きましょう。あと、「Error」と「Warning」は違いますので、そこも見分けて運用していきましょう。

投稿2016/01/19 05:00

maisumakun

総合スコア145123

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2016/01/19 06:11

エラーは、文法上のミスなので、修正必須ですが、ワーニングは必須ではないので、無視してもかまわないということでしょうか?
maisumakun

2016/01/19 06:53 編集

はい、上で出ていたWarningは、要約すれば「要素名で役割がすでに明らかなので、わざわざroleを指定する必要がない」というのと、「articleの中にh2~h6のタグを使うことをおすすめします」というものです。
退会済みユーザー

退会済みユーザー

2016/02/14 06:44

お返事遅れてすいません。 >>> Warning: The banner role is unnecessary for element header. From line 34, column 4; to line 34, column 44 body">↩ <header class="top-header" role="banner">↩ 上記はウェイアリアをつけて問題ないケースなので、つけておいて、罵詈デートを無視しても良いのですね。 下記はつけてはいけないので、roleを削除しないといけないということですね。 Warning: The banner role is unnecessary for element header. From line 34, column 4; to line 34, column 44 body">↩ <header class="top-header" role="banner">↩ ・下記も無視して大丈夫ですね。 >>> ・onclick=””は、アイフォンのバグ対策に必要ということで入れたのですが、このエラーは、無視で大丈夫でしょうか? Error: Bad value ”” for attribute onclick on element textarea: illegal character From line 177, column 63; to line 177, column 179 textarea"><textarea id="contact-forminput-boxbody" name="body" placeholder="お時間があれば、具体的なご用件をお聞かせください。" onclick=”” required></text >>> articleのhタグは推奨で必須ではなかったですよね。 Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles. From line 238, column 4; to line 238, column 33 es -->↩ <article id="lightbox-course">↩
maisumakun

2016/02/15 01:44

articleのhタグ>推奨なのでErrorではなくWarningレベルで出ています。
退会済みユーザー

退会済みユーザー

2016/02/15 02:48

>>> 下記はwarningなので無視してかまわないのですね。 Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles. From line 238, column 4; to line 238, column 33 es -->↩ <article id="lightbox-course">↩ 下記はどうでしょうか? >>> Warning: The banner role is unnecessary for element header. From line 34, column 4; to line 34, column 44 body">↩ <header class="top-header" role="banner">↩ 上記はウェイアリアをつけて問題ないケースなので、つけておいて、罵詈デートを無視しても良いのですね。 下記はつけてはいけないので、roleを削除しないといけないということですね。 Warning: The banner role is unnecessary for element header. From line 34, column 4; to line 34, column 44 body">↩ <header class="top-header" role="banner">↩ ・下記も無視して大丈夫ですね。 >>> ・onclick=””は、アイフォンのバグ対策に必要ということで入れたのですが、このエラーは、無視で大丈夫でしょうか? Error: Bad value ”” for attribute onclick on element textarea: illegal character From line 177, column 63; to line 177, column 179 textarea"><textarea id="contact-forminput-boxbody" name="body" placeholder="お時間があれば、具体的なご用件をお聞かせください。" onclick=”” required></text
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問