HTML Checking for Large Sites

A <table> contains a <tr> row that has less <td> columns than the column count established by the first row. Check the table to ensure all rows have the same number of columns.

For example, in the following table, the first <tr> row defines that it’s 2 columns wide, but the second <tr> row tries to use only 1 column:

<table>
  <!-- This first row sets the table as 2 columns wide -->
  <tr>
    <td>First</td>
    <td>Second</td>
  </tr>

  <!-- This second row has only 1 column -->
  <tr>
    <td>Wrong</td>
  </tr>
</table>

Learn more:

• MDN: The table element
• HTML Spec: The table element

The <table> element does not accept a height attribute. Use CSS instead.

A CSS definition for background-image could not be understood by the parser. Check its definition to ensure that it’s well formed and that it contains an appropriate value.

The specified CSS filter is not a standard one, and may only work in some browsers.

Check out the Filter Effects W3C Working Draft

font-display isn’t a CSS property, it’s a descriptor for use with the @font-face at-rule.

Learn more:

• Can I Use… font-display
• MDN: font-display
• MDN: At-rules
• W3C Validator issue on font-display

An invalid CSS property is being used. Properties starting with mso- are commonly defined by Microsoft products like Office and Outlook.

These properties, like mso-spacerun, mso-fareast-font-family, mso-bidi-font-weight, mso-margin-bottom-alt, mso-margin-top-alt and others starting with mso- are not standard CSS properties.

Padding properties, unline margin properties, don’t accept negative values. Read more about the CSS box model

CSS styles could not be parsed, check the indicated line to find what caused the parser to fail. Common causes are unclosed curly brackets or comments, missing semicolons or unexpected or empty properties.

Read more about CSS: Cascading Style Sheets syntax

The value break-word for the property word-break is deprecated, you should replace it with a valid value.

According to the CSS Text Module Level 3 spec:

For compatibility with legacy content, the word-break property also supports a deprecated break-word keyword. When specified, this has the same effect as word-break: normal and overflow-wrap: anywhere, regardless of the actual value of the overflow-wrap property.

Learn more:

• MDN: word-break
• CSS Text Module Level 3: word-break property
• W3C Validator issue on break-word

A CSS definition for an X property could not be understood by the parser. Check it to ensure that it’s well formed and that it contains an appropriate value.

A <table> contains an incoherent number of columns on one of its rows. Check the structure of the table to find the invalid row.

For example, in the following table, the first <tr> row defines that it’s 2 columns wide, but the second <tr> row tries to use 5 columns by means of a colspan attribute:

<table>
  <!-- This first row sets the table as 2 columns wide -->
  <tr>
    <td>First</td>
    <td>Second</td>
  </tr>

  <!-- This second row tries to use 5 columns -->
  <tr>
    <td colspan="5">Wrong</td>
  </tr>
</table>

Learn more:

• MDN: The table element
• HTML Spec: The table element

<img> tags no longer accept a border attribute. This can be defined using CSS instead, for example:

<img src="..." alt="..." style="border:0;" />

The <center> tag is no longer valid in HTML, you should use CSS instead, for example:

<p style="text-align:center">this text will be centered</p>

The <font> element, used to define the font face, size and color in previous versions of HTML, is no longer valid in HTML5. Instead, you should rely on CSS styles.

For example, you can define a font size of 12px, bold text with inline styles like this:

<p style="font-size: 12px; font-weight: bold;">some text</p>

Learn more about CSS fonts:

• MDN: CSS font

The HTML <style> element contains style information for a document, or part of a document, defined in CSS. This element does not need the type attribute anymore, so it should be omitted.

For example, this style defines that <p> elements should be in red color.

<style type="text/css">
p {
  color: red;
}
</style>
<p>This text will be red.</p>

But, the type attribute is not used anymore, so we can just use this:

<style>
p {
  color: red;
}
</style>
<p>This text will be red.</p>

Read more:

• MDN: The Style information element
• WordPress plugin: Type Attribute Warnings Removal

<td> elements no longer accept a valign attribute. This can be achieved using CSS like this:

<td style="vertical-align:middle;">content</td>

Both <table> and <td> elements no longer accept a width attribute. Instead, you should use CSS as in this example:

<table style="width:100%;">
  <tr>
    <td style="width:50px;">Name</td>
  </tr>
</table>

You’re using an attribute X that is no longer valid for element Y, but you can use CSS to achieve the same effect.