2008 Dis 17 2008

Masama behaving IE8: CSS Layout breakages na (-target ang isang bersyon ng browser na gamit ang mga meta tag sa IE8)

Kung ikaw ay ang css tao, alam mo ang sakit sa pagkuha ng iyong mga layout gumagana ang cross-browser. IE8 ay isa pang spanner sa gumagana para sa amin mga developer. Anywaz! kung pinindot ninyo sa isyung ito, Tulad ko kahapon, kung saan ang iyong ganap na gumagana ang CSS sa IE7 (at mas maaga) at Firefox ay biglang nagsimula pagkahagis ang mga tantrums sa IE8, subukan ito ... mabuti Ito tila upang ayusin ang aking mga problema para sa mga sandali ....

Paggamit ng Meta pahayag, maaari naming tukuyin ang rendering engine gusto naming IE8 gamitin. Kaya pilitin IE8 sa render ng IE7 ... Ipasok ang sumusunod na meta tag sa head ng iyong dokumento: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Sa pamamagitan ng default IE Meta ay: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
na kung saan ay gumawa ng mga IE8 render ang pahina gamit ang bagong mga pamantayan ng mode.

Kung kinakailangan, ang syntax na ito ay maaaring gamitin upang accomodate para sa iba pang mga browser tulad ng sa ibaba:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />


KARAGDAGANG sa Tungkol DOCTYPES:

KUNG ikaw ay pa pamilyar sa ng uri ng hayop na tinatawag na "Doctype" ... dito ay ang ilang mabilis na basahin
Ano ang DOCTYPES? Ano ang mga mga browser QUIRKS & MAHIGPIT Mode?
Pagtatakda ng DOCTYPE sa XSL

Para sa isang mas malalalim na-unawa tungkol sa DOCTYPES, subukan ang pagbisita sa mga link na ito ...
Listahan Bukod: Ayusin ang Iyong Site Gamit ang right DOCTYPE!
A List na Bukod: Higit pa na DOCTYPE: Web Standards, Ipasa Kakayahan, at IE8

Tandaan: Kahit na marami sa atin HTML / CSS tao ay neglecting ang kahalagahan ng DOCTYPE decleration sa aming mga dokumento, Pagtatakda ng tamang DOCTYPE, ay karaniwang ang sagot sa pinaka krus isyu browser.


2008 Aug 2 2008

Pagtatakda ng DOCTYPE sa XSL

Huling linggo ko nilikha ng isang progessive HTML / CSS layout para sa isang client, sinubukan ito sa IE6, IE7 at FF 3, tila lubos pinong ... HANGGANG! mga layout nagpunta karagdagang down na cycle ang manufacting. Ito nabigo. Pahina ng layout elemento lamang nagpunta ang lahat sa ibabaw ng lugar kapag ang HTML layout ay convert sa XSL at XML ay inilapat sa ito ... Nakakainis!!!

Hindi maaaring matulog ok sa ibabaw ng katapusan ng linggo, sa pag-asa ng Lunes umaga, kapag kukunin ko na ayusin ito SH **. Ngunit ngayon ay nagkakaroon ng isang maliit na experince sa pagharap sa mga uri ng mga sitwasyon (ng Browser Quirks, ibig sabihin ko), alam ko ito ay may kinalaman sa walang ibang ngunit DOCTYPE .... at Ito ay ...

Ang problema:
Gusto mong kontrol ang DOCTYPE, dahil ang iyong mga pagbabago ay isama ang isang default na DOCTYPE tahasan, at ka layout ay para sa isang siklutin.

Ang Solusyon:
Ang XSLT panoorin ay nagbibigay ng mga pamamaraan output upang itakda ang isang ang DOCTYPE ng choise. Gayundin, para sa amin UI developer, ang paksa ng interes ay magiging HTML output pamamaraan at mga paraan ng XML output .

Na rin! bago makuha mo nababato, dito ay ang pag-aayos.

Para sa halimbawa, kung mayroon kang mga sumusunod na DOCTYPE sa iyong HTML bersyon: -

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

Pagkatapos sa ang XSL ay mayroon ka na magkaroon ng mga sumusunod: -

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />

at wakas! huwag tiyakin na ang iyong output ng XSLT obeys DOCTYPE na napili mo.


2007 Sep 15 2007

Ano ang DOCTYPES? Ano ang mga mga browser QUIRKS & MAHIGPIT Mode?

Simple nagsasalita (para sa mga na hindi naririnig ang tungkol sa doctype bago ngayon)! DOCTYPE ay ang deklarasyon sa isang HTML na dokumento na dumating bago ang <html> tag, na mukhang isang bagay tulad nito (paste mula sa source ng pahina)

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


Bakit gagamit ng doctype?
Lahat ng ito ay nagsimula kapag ang browser pamantayan ay ipinakilala sa pamamagitan ng W3C. Ang mga web developer na mas maaga ipinatupad CSS ayon sa kagustuhan ng mga browser, ang mga pahina na render nang tama sa kanila at sa karamihan ng mga website ay may CSS na hindi lubos na tumutugma sa mga pagtutukoy / pamantayan.

Samakatuwid solusyon sa problemang ito ay

  • payagan ang mga web developer na alam ang kanilang mga pamantayan upang piliin kung aling mode upang gamitin.
  • magpatuloy ang pagpapakita ng mga lumang mga pahina ayon sa ang lumang (quirks) patakaran.

At DOCTYPE ay ipinanganak.

Kaya, batay sa kung ang pahina ng ay dinisenyo sa mga pamantayan o hindi, piliin ang naaangkop na doctype.


Relasyon sa pagitan ng mga mode ng Doctype & Browser
Doctype ay ang pahayag na nagsasabi sa iyong browser kung ano ang mode dapat itong render ng HTML na pahina sa o sa halip na maging mas tumpak kung paano dapat browser ang kahulugan ng CSS sa; Quirks Mode o Mahigpit na mode.

Lumang mga pahina na nakasulat bago ang mga pamantayang ito ay ipinakilala hindi magkaroon ng isang doctype. Samakatuwid kapag may ang DOCTYPE hindi sa iyong HTML browser ay sa QUIRKS mode.
Ngunit kung ang DOCTYPE ay tinukoy bilang isa sa mga sumusunod, at pagkatapos ng browser ay sinabi na sa MAHIGPIT Mode.

<DOCTYPE html MGA! "- / / W3C / / DTD HTML 4.01 palampas / / en" "http://www.w3.org/TR/html4/loose.dtd">


NDK bahay | Pagpapahayag ng IT | pagpapahayag ng panlasa | pagpapahayag Penmenship | pagpapahayag ng sindak | pagpapahayag ng aking sarili