DOCTYPE-elementin käyttö Quirks-tilassa

Jätä Doctype -työkalun laittamaan selaimet Quirks-tilaan

Jos olet suunnitellut verkkosivuja yli muutaman kuukauden ajan, olet todennäköisesti tietoinen ongelmasta, kun kirjoitat sivun, joka näyttää samalta kaikissa selaimissa . Itse asiassa se on mahdotonta. Monet selaimet kirjoittivat erikoisominaisuuksilla, jotka vain he voisivat käsitellä. Tai heillä on erityisiä tapoja käsitellä asioita, jotka poikkeavat siitä, miten muut selaimet käsittelevät niitä. Esimerkiksi:

• Tasot luotiin käytettäväksi Netscape-selaimissa. Ne eivät toimi millä tahansa muulla selaimella, ja ne ovat itse asiassa vanhentuneet Netscape 6.x +: ssa.

• Inline-kehykset luotiin alun perin vain Internet Explorerille, ja ne ovat sittemmin liittyneet HTML-määritykseen.
• Internet Explorer 6.0 lisää lisätilaa (kuten
  ) ympäröivä tunnisteet, ellei kirjoitat div-sisältöä yhteen (pitkä) riviin. (IE 6: lla on paljon muutakin tylsistystä kuin tämäkin.)
• Netscpe 4.7 ei näytä taulukoita, joita ei ole kirjoitettu oikeaan HTML-muotoon - siinä näkyy tyhjä sivu. Tämä vahvistettiin Netscape 6: ssa.

Selainkehittäjien ongelmana on, että heidän on luotava selaimia, jotka ovat taaksepäin yhteensopivia vanhemmille selaimille rakennettavien verkkosivujen kanssa. Tämän ongelman ratkaisemiseksi selaimen tekijät loivat toimintatilat, joiden avulla selaimet toimisivat. Nämä toimintatavat määräytyvät DOCTYPE-elementin läsnäolon tai poissaolon perusteella ja mitä DOCTYPE-puhelu vaatii.

DOCTYPE Vaihto ja "Quirks Mode"

Jos laitat Web-sivulle seuraavan DOCTYPE:

Nykyaikaiset selaimet (Android 1+, Chrome 1+, IE 6+, iOS 1+, Firefox 1+, Netscape 6+, Opera 6+, Safari 1+) tulkitsisivat tämän seuraavasti:

1. Koska DOCTYPE on oikein kirjoitettu, tämä käynnistää standarditilan.
2. Se on HTML 4.01-siirtymäasiakirja
3. Koska se on standarditilassa, useimmat selaimet tekevät sisällön yhteensopiviksi (tai enimmäkseen yhteensopiviksi) HTML 4.01: n kanssa.

Ja jos laitat tämän dokumentin DOCTYPE:

Tämä kertoo moderneille selaimille, että haluat näyttää HTML 4.01 -sivusi tiukasti DTD: n mukaisesti.

Nämä selaimet menevät "tiukkaan" tai "standardit" -tilaan ja tekevät sivun standardien mukaisiksi. (Joten tämän asiakirjan selaimen sivut voivat olla täysin sivuutettuja, koska FONT-elementti on hylätty HTML 4.01: n tarkasti.)

Jos jätät DOCTYPE: n kokonaan ulos, selaimet käynnistetään automaattisesti "quirks" -tilaan.

Alla oleva taulukko näyttää, mitä tavalliset selaimet tekevät, kun ne esitetään erilaisilla DOCTYPE-ilmoituksilla.

Microsoft tekee sen vaikeammaksi

Internet Explorer 6: ssä on myös ominaisuus, että jos laitat mitään aivan DOCTYPE-ilmoituksen yläpuolelle, ne menevät huijaustilaan. Joten molemmat näistä esimerkeistä tekevät IE 6: sta huijausta, vaikka DOCTYPE-ilmoitukset sanovat olevan tiukassa standarditilassa:

ja XHTML 1.1 DOCTYPE:

Lisäksi, jos saat ohi IE6: n, sinulla on "ominaisuus", jonka Microsoft lisäsi IE8: ssä ja IE9: ssa: META-elementtien vaihto ja verkkosivujen mustan listan. Itse asiassa näissä kahdessa selainversiossa on jopa seitsemän (!) Eri tilaa:

• IE 5.5 quirks-tila (IE 8 ja 9)
• IE 7 -standarditila (IE 8 ja 9)
• IE 8 melkein standarditila (IE 8 ja 9)
• IE 8 -standarditila (IE 8 ja 9)
• IE 9 lähes standarditila (IE 9)
• IE 9 -standarditila (IE 9)
• XML-tila (IE 9)

IE 8 esitteli myös "Yhteensopivuustila", jossa käyttäjä voi vaihtaa mallinnusmallin takaisin IE 7 -tilaan. Joten jos asetat tilan, jonka haluat asettaa sekä DOCTYPE- että META-elementteillä, sivusi voi silti olla työnnetty takaisin vähemmän standardien mukaiseen tilaan.

Mikä on Quirks-tila?

Quirks-tila luotiin auttaaksemme käsittelemään kaikkia outoja ja vastoinkäymätöntä selaintukea ja hakkereita, joita web-suunnittelijat käyttivät käsitelläkseen näitä asioita. Selaimen valmistajien huolenaihe oli, että jos he siirtäisivät selaimensa täydelliseen vaatimustenmukaisuuteen, web-suunnittelijat jäisivät jäljelle.

Asettamalla DOCTYPE-kytkentä ja "Quirks Mode" tämä sallittu web-suunnittelijat voivat valita, kuinka he halusivat selaimet tekemään HTML-koodinsa.

Päihittää tilan vaikutukset

Useita efektejä useimmissa selaimissa käyttää Quirks-tilassa:

• Joissakin selaimissa laatimalli muuttuu laatumallin IE 5.5 -versioksi quirks-tilassa.
• Jotkut selaimet eivät peri styles taulukoihin
• Quirks-tila vaikuttaa CSS: n ja CSS: n asettelun dramaattiseen jäsentämiseen, jos muokkaat sivuja standarditilaan muokkaustilasta, muista testata CSS: n ulkoasua ja jäsentää laajasti.
• Katso muutoksia komentosarjoihin, kun kysymyksessä on tilanne. Firefox muuntaa esimerkiksi id-attribuutin. IE8: llä ja IE9: lla on hyvin dramaattisia muutoksia skripteihin quirks-tilassa.

Myös "lähes standarditila" on erilainen: "

• Sellaisten pöydän solujen korkeus, joiden sisällä on vain kuvia, lasketaan eri tavoin kuin standarditila.

Miten valita DOCTYPE

Siirry tarkemmin minun artikkelini DOCTYPE List, mutta tässä on joitain yleisiä sääntöjä peukalo:

1. Valitse aina standarditila ensin. Ja nykyinen standardi, jota sinun pitäisi käyttää, on HTML5:
   Ellei sinulla ole erityistä syytä välttää HTML5 DOCTYPE käyttöä, sinun on käytettävä tätä.
2. Mene tiukkaan HTML 4.01: een, jos haluat tunnistaa vanhoja elementtejä tai haluat välttää uusia ominaisuuksia jostain syystä:

3. Jos olet liittänyt kuvia taulukkoon ja et halua korjata niitä, siirry siirtymäkauden HTML 4.01:

4. Älä kirjoita sivuja tarkoituksellisesti quirks-tilassa. Käytä aina DOCTYPE: tä. Tämä säästää kehitysaikaa tulevaisuudessa, eikä sillä ole todellakaan mitään hyötyä. IE6 menettää nopeasti suosiotaan ja suunnittelet tätä selainta (joka on pohjimmiltaan mitä suunnittelet quirks-tilassa) rajoitat itseäsi, lukijoitasi ja sivuillesi. Jos sinun on kirjoitettava IE 6 tai 7: lle, käytä ehdollisia kommentteja tukemaan niitä, eikä pakota nykyaikaisia ​​selaimia hermostustilaan.

Miksi käyttää DOCTYPE

Kun olet tietoinen tämäntyyppisestä DOCTYPE-vaihtamisesta, voit vaikuttaa suoraan verkkosivuihin käyttämällä DOCTYPE-ohjelmaa, joka ilmaisee, mitä selaimella voi odottaa sivulta. Lisäksi, kun aloitat DOCTYPE: n käyttämisen, kirjoitat HTML-koodin, joka on lähempänä kelvollista (sinun kannattaa edelleen vahvistaa se). Kirjoittamalla voimassaoleva XHTML, kannustat selaimen tekijöitä rakentamaan standardien mukaisia ​​selaimia.

Selainversioita ja Quirks-tilaa