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

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

ただいまの
回答率

90.62%

  • HTML

    8706questions

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

  • HTML5

    3899questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML:W3Cのチェッカーで不明なエラーがでたので原因と解決策を聞きたいです。

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 4,486

makoto-n

score 336

使用したのは「ここですね
このようにでました。

1つ目
Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
2つ目
Element header does not need a role attribute.

    <header role="banner">
3つ目
Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.
    <article>

1つ目ですが、「IEに互換表示をさせない」というものを<head>に記載しています。

2つ目は、「ランドマーク」を記述したところ<header>以外にも<nav><main>全てのrole属性がはじかれました。

3つ目は意味がわかっていません…。
hタグは<article>の中に記載しろということでしょうか?
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+4

petacode » HTML5+CSS3コーディングガイドライン
”X-UA-Compatible” content=”IE=edge,chrome=1″は、現在、Validationチェックでエラーが検出されますが、正常の指定です。

暗黙的な ARIAセマンティックがある要素では role 属性を外すことが今後推奨されるようだけど、まだ外すのは時期尚早 – mzmjp.net::blog
ARIA in HTML で main のように暗黙的な ARIAセマンティックがある要素では、同じ意味を持つ role 属性が非推奨になったので、ゆくゆくは外していく流れ。だけど、今現在は古いブラウザの対応などがあるので、まだまだ role 属性は外せなさそう。

4.3 Sections — HTML5
The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content. The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.
shude be - であるべきなので無視しても問題無いですが、典型的な使い方をするなら<article>内にhタグを使いましょう(リンク先参照)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 90.62%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    HTML レイアウト崩れ 助言ください

    お世話になります。 IE8でのレイアウト崩れの修正をしたいのですが、 レイアウトの仕組みを理解してないこともあり手のつけ方がわかりません。 (px、パーセントによる画面のレンダリ

  • 解決済

    HTMLの雛形のチェックをお願いしたいです。

    <!doctype html> <html lang="ja"> <head>   <meta charset="utf-8">   <meta http-equiv="X-UA-

  • 解決済

    html: dropdownの設置方法

    よろしくお願いいたします。 現在、ドロップダウンリストを制作しておりますが、 上手く行きませんので、アドバイスをお願いいたします。 htmlには次のように表示しています。これは

  • 解決済

    IE11でAngularJSが動作しない

    タイトル通りですが、IE11でAngularJSが動作しません。 ChromeとSafariでは正常に動作することが確認できています。 ※1.5を使用 試しに、React

  • 受付中

    IE=10以降で.htaにアイコンを設定する方法

    .htaのアプリケーションにアイコンを設定したいのですが、 IE=10もしくはIE=edgeだとHTA:APPLICATIONタグが使えず、アイコンが設定出来ません。 聞く

  • 解決済

    <meta property="article:tag" content="テストタグ">の意味

    WordPressの記事投稿画面でタグを設定した時、以下のようなmetaタグが、ページに勝手に追加されます。(「テストタグ」というタグを設定した場合) <meta prope

  • 解決済

    bootstrapが適用されているようでされていない?

    タイトルの通りなのですが、適用されているのかされてないのか分からないかなり微妙な状況です。 元はデザインだけ別で作っていて、それをRailsのアプリケーションとして統合しよう

  • 解決済

    [Bootstrap]IE11でテーブルのストライプが有効にならない

    皆様いつもお世話になっております。 このたびはTwitter Bootstrap3.3.7を利用してテーブルを作ったのですが、 Chrome, Microsoft Edge

同じタグがついた質問を見る

  • HTML

    8706questions

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

  • HTML5

    3899questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。