Kung nag-disenyo ka ng mga web page nang higit pa sa ilang buwan, malamang na alam mo ang kahirapan sa pagsusulat ng isang pahina na mukhang pareho sa lahat ng mga browser. Sa punto ng katotohanan, imposible iyon. Maraming mga browser ay nakasulat na may mga espesyal na tampok na maaari lamang nilang hawakan. O mayroon silang mga espesyal na paraan ng paghawak ng mga bagay na iba sa kung paano gagamitin ng ibang mga browser ang mga ito. Halimbawa:
- Nilikha ang mga layer para magamit sa mga browser ng Netscape. Hindi ito gumagana sa anumang iba pang browser, at sa katunayan ay hindi na ginagamit sa Netscape 6.x +.
- Ang orihinal na mga frame ay orihinal na nilikha para sa Internet Explorer lamang, at mula noon ay naging bahagi ng pagtutukoy ng HTML.
- Ang Internet Explorer 6.0 ay nagdaragdag ng isang karagdagang puwang (tulad ng isang) nakapalibot tag, maliban kung isulat mo ang mga nilalaman ng div lahat sa isang (mahaba) linya. (IE 6 ay may maraming iba pang mga quirks pati na rin ang isang ito.)
- Ang Netscpe 4.7 ay hindi magpapakita ng mga talahanayan na hindi nakasulat sa tamang HTML - ito ay nagpapakita ng isang blangkong pahina sa halip. Naayos ito sa Netscape 6.
Ang problema para sa mga nag-develop ng browser ay mayroon silang gumawa ng mga web browser na pabalik na tugma sa mga web page na binuo para sa mas lumang mga browser. Upang makitungo sa isyung ito, lumikha ng mga browser maker ang mga mode para magamit ang mga browser. Ang mga mode na ito ay tinukoy ng presensya o pagkawala ng elemento ng DOCTYPE at kung ano DOCTYPE tawag.
DOCTYPE
Pupunta ako sa mas maraming detalye sa aking artikulo DOCTYPEMaglista, ngunit narito ang ilang pangkalahatang tuntunin ng hinlalaki:
- Laging piliin muna ang mga pamantayan ng mode. At ang kasalukuyang pamantayan na dapat mong gamitin ay HTML5: Maliban kung mayroon kang isang tiyak na dahilan upang maiwasan ang paggamit ng HTML5
DOCTYPE, ito ang dapat mong gamitin. - Pumunta sa mahigpit na HTML 4.01 kung kailangan mo upang patunayan ang mga elemento ng legacy o nais na maiwasan ang mga bagong tampok para sa ilang kadahilanan:
- Kung mayroon kang mga hiniwang larawan sa isang table at ayaw mong ayusin ito, pumunta sa Transitional HTML 4.01:
- Huwag isulat ang mga pahina nang sadya sa mode ng quirks. Laging gumamit ng isang
DOCTYPE. I-save ito sa oras ng pag-unlad sa hinaharap, at talagang walang pakinabang. Ang IE6 ay mabilis na nawawala ang katanyagan at sa pamamagitan ng pagdidisenyo para sa browser na ito (na kung saan ay mahalagang kung ano ang pagdidisenyo sa mode ng quirks) ay nililimitahan mo ang iyong sarili, ang iyong mga mambabasa, at ang iyong mga pahina. Kung dapat kang sumulat para sa IE 6 o 7, pagkatapos ay gamitin ang mga kondisyon na komento upang suportahan ang mga ito, sa halip na pagpilit ng mga modernong browser sa mode na quirks.
Bakit Gagamitin DOCTYPE
Sa sandaling alam mo ang ganitong uri ng DOCTYPE ang paglipat ng pagpunta, maaari mong makaapekto nang direkta ang iyong mga web page nang direkta sa pamamagitan ng paggamit ng isang DOCTYPE na nagpapahiwatig kung ano ang maaaring asahan ng browser mula sa iyong pahina. Gayundin, sa sandaling simulan mo ang paggamit DOCTYPE, magsusulat ka ng HTML na mas malapit sa pagiging wasto (dapat mo pa ring patunayan ito). At sa pamamagitan ng pagsusulat ng wastong XHTML, hinihikayat mo ang mga gumagawa ng browser na bumuo ng mga pamantayan na sumusunod sa mga browser.
Mga Bersyon ng Browser at Mga Mode ng Quirks
DOCTYPE | AndroidChromeFirefoxIE 8+iOSOpera 7.5+Safari | IE 6IE 7Opera 7 | Netscape 6 |
|---|---|---|---|
| Wala | Quirks Mode | Quirks Mode | Quirks Mode |
| HTML 3.2 | |||
| Quirks Mode | Quirks Mode | Quirks Mode | |
| HTML 4.01 | |||
| Transisyonal | Mode ng Pamantayan * | Mode ng Pamantayan * | Pamantayan ng Mode |
| Transisyonal | Quirks Mode | Quirks Mode | Quirks Mode |
| Mahigpit | Pamantayan ng Mode | Mode ng Pamantayan * | Pamantayan ng Mode |
| Mahigpit | Pamantayan ng Mode | Mode ng Pamantayan * | Pamantayan ng Mode |
| HTML5 | |||
| Pamantayan ng Mode | Mode ng Pamantayan * | Quirks Mode | |
| * Gamit ang DOCTYPE na ito, ang mga browser ay malapit sa mga pamantayan na sumusunod, ngunit may ilang mga isyu-siguraduhin na subukan. Ito ay kilala rin bilang "Almost Standards Mode." |
