Rendering Mode and Doctype Switching

-

"Standards" mode versus "Quirks" mode

Link: http://www.communitymx.com/content/article.cfm?cid=85fee

Generally, there are two choices for rendering mode, "standards" mode and "quirks" mode. In "standards" mode, a modern browser will do its best to render the document according to the W3C recommendations, even if it leads to unexpected results. In "quirks" mode, a modern browser will try to handle an (x)HTML document like older browsers from the mid-to late '90s did. It will do its best to imitate the parsing, rendering, and bugs of earlier browsers when encountering sloppy or invalid code authoring. And, it will display those quirky pages in the same way as those earlier browsers do.

So how does a browser decide whether it should use "standards" mode or "quirks" mode? Why, by examining the doctype, or lack thereof on the web page.

Depending on the doctype present in the (x)HTML document, the browser will choose either "quirks" mode or "standards" mode. If there is no doctype declaration present, or if the doctype is incomplete or outdated, the browser will switch to "quirks" mode. Using a current, modern doctype, or perhaps an unknown (new?) one, will trigger "standards" mode.


Even though today's browsers have moved toward more standards-compliant behavior, it is still necessary to allow older pages to display as they have in the past, regardless of proprietary features and invalid markup. However, this can cause problems with modern pages written to (x)HTML and CSS standards, especially if a browser cannot determine how to best render the page.

So, here is the problem: How can a browser tell if the page it is parsing should be treated as standards-compliant or not? The solution that browser manufacturers settled upon was to create two different rendering modes, enabled by what is known as a "Doctype Switch."

The Doctype

A document type declaration, or doctype, informs the browser, and the validator for that matter, what version of (x)HTML you are using. It must appear at the top of every modern web page. Doctypes are essential to the proper rendering and functioning of web documents in modern, standards-compliant browsers. Your markup also won't validate without a doctype (and a character encoding as well).

A recent doctype that includes a full URI (system identifier), tells modern browsers to render your page in standards-compliant mode, treating your (x)HTML, CSS, and even DOM (Document Object Model) as you expect them to be treated.

What does a correct doctype look like?

A complete doctype tells us first that it is a doctype and what kind of document to expect. Then it also contains a public identifier and a system identifier, sometimes referred to as "with URI" or "with address."

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

When all put together, it will look like this:

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


Comments

Post a Comment

Thanks


Warm regards,
Karthikeyan.T
tkarthikeyan@gmail.com
www.carthworks.com
Call us 09445 2772 06

Popular posts from this blog

உடல் அறிகுறிகள், வலிகள் மற்றும் அவற்றின் சிகிச்சைகள்: வீட்டு சிகிச்சைகள் மற்றும் அக்குபிரஷர் புள்ளிகள்

-
Image
பொதுவாக, எங்கள் வாழ்வில் பல்வேறு உடல் அறிகுறிகள் மற்றும் வலிகளை சந்திக்கிறோம். இங்கு சில பொதுவான உடல் அறிகுறிகள், அவற்றின் சிகிச்சைகள், வீட்டு சிகிச்சைகள் மற்றும் அக்குபிரஷர் புள்ளிகளைப் பற்றி விரிவாக பார்ப்போம்.  இந்த தகவல்கள் உங்களுக்கு உதவியாய் இருக்கும் என நம்புகிறேன்.   1. தலைவலி அறிகுறிகள்: தலைவலி, அழுத்தம், துடிப்பு சிகிச்சைகள்: - கடையில் கிடைக்கும் வலி நிவாரணி மருந்துகள் (இபுபுரோஃபென், அசிடமினோஃபன்) - இருண்ட, அமைதியான அறையில் ஓய்வெடுங்கள் - நீர் குடிக்கவும் - குளிர் அல்லது சூடான செருகிகள் வீட்டு சிகிச்சைகள்: - இஞ்சி தேநீர் அல்லது புது மிளகு தேநீர் குடிக்கவும் - புது மிளகு எண்ணெய் கொண்டு கன்னங்களை மசாஜ் செய்யவும் - ஆழமான சுவாச பயிற்சிகள் அல்லது தியானம் செய்யவும் அக்குபிரஷர் புள்ளிகள்: - ஹேகு (LI4): கை முனையில் thumb மற்றும் index finger இடையே உள்ள புள்ளி. - தாயாங்: இரண்டு கன்னங்களில் உள்ள புள்ளி. 2. தொண்டை வலி அறிகுறிகள்: வலி, கீறல், மூச்சுவிடுவதில் கடினம் சிகிச்சைகள்: - சூடான உப்பு நீர் கொண்டு குமிழிக்கவும் - தொண்டை லொசென்ஸ் - தேனுடன் சூடான தேநீர் - கடையில் கிடைக்கும்...
Read more

MySQL table and want to build a XML file with it in order to make a RSS feed.

-
<? php $dom = new DOMDocument() ; include "connection. php "; $queryz = "SELECT * FROM ticker"; $resultz = mysql_query($queryz) or die('Error, query failed'); $row = mysql_fetch_assoc($resultz); $ rss = $dom->createElement(' rss '); while($row = mysql_fetch_array( $resultz )) { $item = $dom->createElement("item"); $item->appendChild($dom->createElement("title", $row['item_title'])); $item->appendChild($dom->createElement("pubDate",$row['item_pubDate'])); $item->appendChild($dom->createElement("description",$row['item_description'])); $item->appendChild($dom->createElement("link",$row['item_link'])); $ rss ->appendChild($item); } $dom->appendChild($ rss ); $dom->save("myxml.xml"); OR <?php header('Content-Type: text/xml; charset=UTF-8'); $dom = new DOMDocument() ; ...
Read more

REST / AJAX calls from within a Jaggery script

-
Image
<% var mySecureToken = FnMakeRequestCall("https://10.299.99.99:8245/token","POST","Basic RlN4S2RrZEpNN3VaYWhHN0NFcEtlaTZEa3RzYTpXbmUxd29seHp2UTNSQ2RZbXhUUTJ2WkJTd0Fh","application/x-www-form-urlencoded; charset=UTF-8",""application/json; charset=utf-8","grant_type=password&username=pcsadmin&password=pcsadmin");  print(mySecureToken); function FnMakeRequestCall(URL, METHOD, BASICAUTH, CONTENTTYPE, ACCEPTTYPE, INPUTDATA){ if(BASICAUTH){ //var VarBasicAuthCode = util.FnCreateBasicAuthentication(VARSKYSPARKUSERNAME,VARSKYSPARKPASSWORD); var VarBasicAuthCode = session.get('authToken'); } xhr = new XMLHttpRequest(); xhr.open(METHOD, URL); if(BASICAUTH){ xhr.setRequestHeader("Authorization" , VarBasicAuthCode); } xhr.setRequestHeader("Content-Type", CONTENTTYPE); xhr.setRequestHeader("Accept", ACCEPTTYPE); xhr.send(INPUTDATA); var VarRes...
Read more