Quirks mode refers to a technique used by some web browsers for the sake of maintaining backwards compatibility with web pages designed for older browsers, instead of strictly complying with W3C and IETF standards in standards mode. HTML, an initialism of HyperText Markup Language, is the predominant Markup language for Web pages It provides a means to describe the structure HTML has been in use since 1991, but HTML 40 (December 1997 was the first standardized version where international characters were given reasonably complete treatment Dynamic HTML, or DHTML, is a collection of technologies used together to create interactive and animated Web sites by using a combination of a static Markup In HTML and XHTML, a font face or font family is the typeface that is applied to some text An HTML editor is a software application for creating Web pages Although the HTML markup of a web page can be written with any Text editor, specialized In Computing, an HTML element indicates structure in an HTML document and a way of hierarchically arranging content HTML Series The W3C HTML standard includes support for Client-side scripting. A layout engine, or rendering engine, is software that takes marked up content (such as HTML, XML, image files etc Web style sheets are a form of Separation of presentation and content for Web design in which the markup (i Web pages authored using hypertext markup language ( HTML) may contain multilingual text represented with the Unicode universal character set. Web colors are Colors used in designing web pages and the methods for describing and specifying those colors The Extensible Hypertext Markup Language, or XHTML, is a The following tables compare general and technical information for a number of Web browsers Please see the individual products' articles for further information The following tables compare HTML compatibility and support for a number of Layout engines Please see the individual products' articles for further information The following tables compare support of HTML 5 differences from HTML 4 for a number of Layout engines The specification is still a working draft not The following tables compare deprecated and proprietary HTML tags and attributes compatibility and support for a number of Layout engines Please see the individual products' articles for The following tables compare XHTML compatibility and support for a number of Layout engines Please see the individual products' articles for further information A web browser is a software application which enables a user to display and interact with text images videos music games and other information typically located on a A web page or webpage is a resource of information that is suitable for the World Wide Web and can be accessed through a Web browser.

Overview

The structure and appearance of a web page are described by a combination of two standardized languages: HTML, a markup language designed for web use, which describes the structure and content of the page, and CSS, a generalized stylesheet language, which specifies how the page should be rendered in various media (visual styles for screen display, print styles to use when printing the page, aural styles to use when the page is read aloud by a screen reader, etc. HTML, an initialism of HyperText Markup Language, is the predominant Markup language for Web pages It provides a means to describe the structure A markup language is an Artificial language using a set of annotations to text that give instructions regarding the structure of text or how it is to be displayed A screen reader is a software application that attempts to identify and interpret what is being displayed on the screen (or more accurately sent to standard output ). However, most older web browsers either did not fully implement the specifications for these languages or were developed prior to the finalization of the specifications (Microsoft Internet Explorer version 5. Windows Internet Explorer (formerly Microsoft Internet Explorer abbreviated MSIE) commonly abbreviated to IE, is a series of graphical 1 for the Macintosh platform, released in 2001, was the first major web browser with full support for CSS Level 1, for example). Macintosh, commonly nicknamed Mac is a Brand name which covers several lines of Personal computers designed developed and marketed by Apple Inc ^[1] As a result, many older web pages were constructed to rely upon the older browsers' incomplete or incorrect implementations, and will only render as intended when handled by such a browser.

Support for standardized HTML and CSS in major web browsers has improved significantly, but the large body of legacy documents which rely on the quirks of older browsers represents an obstacle for browser developers, who wish to improve their support for standardized HTML and CSS, but also wish to maintain backward compatibility with older, non-standardized pages. In Technology, especially Computing (irrespective of platform a product is said to be backward compatible when it is able to take the place of an older product Additionally, many new web pages continue to be created in the older fashion, since the compatibility workarounds introduced by browser developers mean that an understanding of standardized methods is not strictly necessary.

To maintain compatibility with the greatest possible number of web pages, modern web browsers are generally developed with multiple rendering modes: in "standards mode" pages are rendered according to the HTML and CSS specifications, while in "quirks mode" attempts are made to emulate the behavior of older browsers. Some browsers (those based on Mozilla's Gecko rendering engine, for example) also use an "almost standards" mode which attempts to compromise between the two, implementing one quirk for table cell sizing while otherwise conforming to the specifications. Mozilla was the official public original name of Mozilla Application Suite by the Mozilla Foundation, currently known as SeaMonkey suite. Gecko is a Layout engine currently developed by Mozilla Corporation, known as the layout engine of the Firefox web browser Mozilla Application ^[2]

Comparison of document types

Henri Sivonen compiled a list of various document types and how they are treated in the most common browsers, showing whether pages are rendered in Quirks, Standards, or Almost standards mode. The criterion used for "Almost standards mode" is non-standard table cell height rendering. ^[2]

Mode differences and examples

One prominent difference between quirks and standards modes is the handling of the CSS Internet Explorer box model bug. The Internet Explorer box model bug is one of the best-known Software bugs {Fact|There's no proof that this is a bug Before version 6, Internet Explorer used an algorithm for determining the width of an element's box which conflicted with the algorithm detailed in the CSS specification, and due to Internet Explorer's popularity many pages were created which relied upon this incorrect algorithm. As of version 6, Internet Explorer uses the CSS specification's algorithm when rendering in standards mode and uses the previous, non-standard algorithm when rendering in quirks mode.

Another notable difference is the vertical alignment of certain types of inline content; many older browsers aligned images to the bottom border of their containing box, although the CSS specification requires that they be aligned to the baseline of the text within the box. In standards mode, Gecko-based browsers will align to the baseline, and in quirks mode they will align to the bottom. ^[3]

Additionally, many older browsers did not implement inheritance of font styles within tables; as a result, font styles had to be specified once for the document as a whole, and again for the table, even though the CSS specification requires that font styling be inherited into the table. If the font sizes are specified using relative units, a standards-compliant browser would inherit the base font size, then apply the relative font size within the table: for example, a page which declared a base font size of 80% and a table font size of 80% (to ensure a size of 80% in browsers which do not properly inherit font sizes) would, in a standards-compliant browser, display tables with a font size of 64% (80% of 80%). As a result, browsers typically do not inherit font sizes into tables in quirks mode. ^[4]

Almost standards mode

Gecko-based browsers since 1. Gecko is a Layout engine currently developed by Mozilla Corporation, known as the layout engine of the Firefox web browser Mozilla Application 0. 1 (such as Firefox), Safari and Opera 7. 5 (and later) have a third compatibility mode known as "almost standards mode", which maintains the "traditional" vertical sizing of table cells, against the CSS2 specification. This effectively makes their implementation closer to Internet Explorer's standards mode. ^[2]

"Almost standards" rendering mode is exactly the same as "standards" mode in all details save one: the layout of images inside table cells is handled as they are in Gecko's "quirks" mode, which is fairly consistent with other browsers, such as Internet Explorer. This means that sliced-images-in-tables layouts are less likely to fall apart in Gecko-based browsers based on the rendering engine found in Mozilla 1. 0. 1 or later when in either "quirks" or "almost standards" mode. ^[5]

Triggering different rendering modes

Most often, browsers determine which rendering mode to use based on the presence of a Document Type Declaration in the page; if a full DOCTYPE is present the browser will use standards mode, and if it is absent the browser will use quirks mode. A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document (for example a Webpage) with a For example, a web page which began with the following DOCTYPE would trigger standards mode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4. 01//EN"
"http://www. w3. org/TR/html4/DTD/strict. dtd">

While this DOCTYPE (which does not contain either the version of HTML in use, or the URL of an HTML Document Type Definition) would trigger quirks mode:

<!DOCTYPE html PUBLIC>

Additionally, a web page which does not include a DOCTYPE at all will render in quirks mode. Uniform Resource Locator is an URI which also specifies where the identified resource is available and the protocol for retrieving it Document Type Definition ( DTD) is one of several SGML and XML schema languages and is also the term used to describe a document or portion thereof that

One notable exception to this is Microsoft's Internet Explorer 6 browser, which will render a page in quirks mode if the DOCTYPE is preceded by an XML prolog, regardless of whether a full DOCTYPE is specified. Microsoft Corporation is an American multinational Computer technology Corporation, which rose to dominate the Home computer Windows Internet Explorer (formerly Microsoft Internet Explorer abbreviated MSIE) commonly abbreviated to IE, is a series of graphical Don't change "Extensible" Thus an XHTML page which begins with the following code would be rendered in quirks mode by IE 6:

<?xml version="1. The Extensible Hypertext Markup Language, or XHTML, is a  0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Strict//EN"
"http://www. w3. org/TR/xhtml1/DTD/xhtml1-strict. dtd">

The above is useful to an extent as it can be used to trigger quirks mode in IE 6, but no other browsers.

Quirks mode in IE 6, and in later versions of IE, will also be triggered if anything but whitespace precedes the DOCTYPE. For example, if a hypertext document contains a comment or any tag before the DOCTYPE, quirks mode will be triggered in IE 6 and also in IE 7 and IE 8 beta:

<!-- This comment will put IE 6, 7 and 8 in quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4. 01//EN"
"http://www. w3. org/TR/html4/DTD/strict. dtd">

Microsoft's Chris Wilson has indicated that the problem with the XML declaration would be fixed in version 7 of Internet Explorer, in which the XML prolog will simply be ignored,^[6] but for maximum compatibility with existing and older web browsers the World Wide Web Consortium, which maintains the XHTML specification, recommends that authors of XHTML documents omit the XML declaration when possible. It can however be forced into quirks mode by including a comment before the DOCTYPE declaration like so:

<!--quirks mode for ie7-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Strict//EN"
"http://www. w3. org/TR/xhtml1/DTD/xhtml1-strict. dtd">

Mode verification

In most recent browsers, the Document Object Model property document. The Document Object Model ( DOM) is a platform- and language -independent standard Object model for representing HTML or XML and related compatMode indicates the rendering mode for the current page—in standards mode, document. compatMode contains the value 'CSS1Compat', while in quirks mode it contains the value 'BackCompat'. ^[7]

Additionally, in Mozilla Firefox and Opera the rendering mode in use for a given page is indicated on the 'Page info' informational box. Opera is a Web browser and Internet suite developed by the Opera Software company

References

External links

• Eric Meyer on CSS: Picking a Rendering Mode
• Quirksmode.org: Quirks mode and strict mode
• Documentation for quirks mode in Mozilla-based browsers
• Opera Software's explanation of quirks mode in their browser
• The W3C Markup Validation Service
• Bookmarklet that reports the mode of a document
• MDC explanation of Mozilla's DOCTYPE sniffing