About standard mode and compatibility mode

It comes to be able to display recent Internet Explorer 7 (IE7) gradually well by interpreting HTML and Style Sheet within specification. This is called a standard mode. However, it often displays by an interpretation different from the specification and it exists in a browser before IE6. (There is a bug, too.)

Therefore, there is a possibility of not displaying a lot of pages made from an old standard well when a correct within specification, interpretation is done by the suddenly latest browser.

Being prepared to avoid this problem is a drawing mode of interchangeable mode. However, the latest function in an interchangeable mode cannot be used.

The display is greatly different depending on the drawing mode.

I was using the DOCTYPE declaration automatically written from the default configuration of the homepage builder as follows. Then, it did not neatly display it in IE7 though the display became an interchangeable mode, and max-width was set with CSS. Finally I see when it is a difference of interchangeable to a standard mode mode though the reason was not understood easily.


What is a standard mode?

It displays, and a browser displays a grammatical mistake disregarding it interpreting the HTML grammar almost correctly in a standard mode. Moreover, trouble in an old browser is improved little by little.

What is an interchangeable mode?

The place that interpreted something wrongly by an old version is displayed as mistaken among because it displays it like being suitable for a browser of an old version (interchangeability to an old version). A grammatical mistake is displayed suitably interpreting it. A new function in IE7 cannot be used.

The drawing mode is decided by "DOCTYPE declaration".

The kind and the specification etc. of the defined tag are different because two or more versions are in HTML according to the version. Therefore, it is necessary to specify whether it is the one that the homepage was written with HTML of which version to interpret the grammar of HTML correctly. DOCTYPE is declared to the purpose at the head of HTML [fai;ru].

To write the DOCTYPE declaration in a standard mode

When the version of HTML to be described turns out, the DOCTYPE declaration of the version is written. When not understanding well, I will write the DOCTYPE declaration of following HTML 4.01 Transitional. As for the following DOCTYPE declaration, any browser becomes a standard mode.

HTML 4.01 Strict

HTML 4.01 Strict is severely application of the tag etc. defined by HTML4.01. In a word, the font size and the color cannot be specified with the FONT tag, and it make it to the bold-faced type with B tag < B >-</B >. CSS (Style Sheet) is basically used for the modification of the character. Moreover, it moves by "Standard mode" even if the description of ""http://www.w3.org/TR/html4/strict.dtd"" is omitted. The frame cannot be used.

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

HTML 4.01 Transitional

In HTML 4.01 Transitional, the one not recommended in the tag etc. defined by HTML4.01 is the one to display neatly. I will make it to this when not understanding well for the time being. It becomes a standard mode. The frame cannot be used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

In HTML 4.01 Frameset, the one not recommended in the tag etc. defined by HTML4.01 is the one to display neatly. It becomes a standard mode. The frame can be used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0-1.1

Even if the version is different, it is drawn in a standard mode if it is DOCTYPE declaration of XHTML. The following example is XHTML 1.0 Transitional.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

To change to an interchangeable mode

The DOCTYPE declaration is not written to change to an interchangeable mode or URL is excluded from the DOCTYPE declaration of HTML 4.01 excluding above-mentioned Strict.

If the comment is written before DOCTYPE, it becomes an interchangeable mode by IE.

The blog of me of WordPress noticed only with IE though was amusing the operation of Max-width. In a word, Max-width doesn't work by IE7 and IE8. With Firefox The problem was not in Opera.

It doesn't change at all though whether the description in the vicinity of max-width of Style Sheet was wrong was variously tried. It doesn't change even so though a pertinent part of Style Sheet was copied because my homepage is displayed well.

When the source was displayed by a browser or it was thought the comment on the head, and deleted this, it was easily repaired.

<!-- begin header -->

There were the following descriptions when retrieving it on the net.

After the declaration of XML When the HTML comment has been inserted, it is not displayed as Internet Explorer 8 standard mode.

I think that this description is a mistake because it is before the XML declaration as follows for my WordPress. It sets it to XHTML1.0 Transitional standard mode.

<!-- begin header -->
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I think, "When the comment is written before DOCTYPE, it is IE and an interchangeable mode (Quirks mode)".

Not displayed in IE standard mode, if there is a comment after declaring XML.

It has waited in this problem for a long time. I want IE somehow or other.