HTML Guide for parse error

The media attribute on a <link> element specifies the media for which the linked resource is intended, using a valid media query. The value indicated is not a valid media query, which leads to a parse error.

Explanation

The media attribute is used to define what type of device the linked stylesheet should be applied to. Examples include common media types like screen, print, or all, as well as more complex media queries, such as (max-width: 600px) for responsive designs.

Correct Usage

1. Media Type Only:

   You can specify general media types such as screen, print, or all.

   <link rel="stylesheet" href="styles.css" media="screen">

2. Media Query:

   For more precise control, use a media query to target specific conditions.

   <link rel="stylesheet" href="styles.css" media="(max-width: 600px)">

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.

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.

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.