Nu HTML Checker

Nu HTML Checker Report

This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change.

We didn't upload our website to the hosting yet, so we can check it by upload the whole html file into the Nu Checker system.

How to upload files to Nu Checker

The report provides us Warningand Errormessages. The presented issues in this article is not comprehensive.

Let's validate used tags and discuss some issues from it.

resume page report before fixing
1. Using lang="en" tag
lang tag is missing issue

In accordance to internationalization techniques we should use lang="en" tag at the beginning of the html tag to declare the default language for 'text processing' (ie. when language needs to be known for things such as font choice, styling, spell-checking, hyphentation, quote mark styling, etc.).

2. Element "a" not allowed as child of element "ul" in this context
hyperlink is not allowed as child of the ul element

In accordance to standards of using "ul" tag the "ul" element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document. The items of the list are the "li" element child nodes of the "ul" element.

3. Duplicate ID "edu-link"
id should not be duplicated

We must avoid using the same IDs. We can use classes instead.

4. Stray end tag
stray end tag

It could be challenging to manually check all webpages to avoid mistyping of the end tags. This type of the error helps us to find it faster.

GitHub issue creating, fixing and retesting

Issue creation

There is a link to the GitHub issue to fix all founded problems in our HTML.

github issue example
Issue fixing

I were keep getting the last error while trying to fix the issue.

issue fixing ul element inside another ul

I had to use a special order to create a nested list and made some fixes in CSS as well.

css commands for the issue fixing
Final report

After all fixings is done we can check if the issues are still presented on our webpage.

resume page report after fixing
  1. Nu Html Checker
  2. Materials and articles from W3.org website
  3. HTML living standard