驗證HTML 5的錯誤

我得到一組瘋狂的錯誤。我使用的是Bootstrap代碼，並沒有對其進行編輯。那爲什麼這會顯示一個錯誤？

與sizes屬性的link元件必須具有rel屬性包含值icon或值apple-touch-icon。

...的元素nav的屬性role

錯誤值banner。

要看到同樣的事情現場，去 https://validator.w3.org/nu並輸入：www.iqtests4kids.com/

貌似驗證與快樂：

<link rel="apple-touch-icon".....

，而不是

<link rel="apple-touch-icon-precomposed"......

而對於其他錯誤，您可以通過更改冒犯者使驗證者高興荷蘭國際集團role="banner"設置"role=navigation"：

<nav id="main-menu" ..... role="navigation">

要麼離開它，並用所得「警告」或完全省略值（最佳解決方案）的生活和驗證會很高興:)

2016-12-30 07:03:40

「W3C已明確建議」 - 請閱讀您所引用頁面的頂部：**不一定代表共識，並且可能包含其他工作組參與者，WAI或W3C不支持的錯誤信息或信息** – Quentin

「至於Bootstrap：我不熟悉這個應用程序」 - 它不是應用程序。它是一個包含一些關聯的CSS和JS的模板。 – Quentin

「它自動或半自動地創建HTML和CSS。」 - 它沒有。 – Quentin

的維護者W3C HTML檢查器（驗證器）在這裏。該rel=apple-touch-icon-precomposed錯誤是因爲我最近更新了檢查，以符合HTML spec requirements for sizes：

的sizes屬性與icon鏈接類型使用。該屬性不得在link元素中指定，該元素不具有指定icon關鍵字或apple-touch-icon關鍵字的rel屬性。

關於nav的錯誤role=banner，那是因爲檢查符合在ARIA要求HTML規範是nav must not have any role other than navigation。

但需要注意的是，在HTML規範also states the following requirement的ARIA：

Web開發人員不應該設置ARIA role和aria-*屬性以匹配表中定義的隱式ARIA語義值。

因此，如果您使用role=navigation與nav，檢查器將發出警告。

所以底線是，根據HTML要求中的ARIA，nav絕對不應該有明確的role。

2016-12-30 15:57:33 sideshowbarker

回答