አሳሾች ወደ Quirks ሁነታ ለማስቀመጥ የጥያቄውን አጣብቅ ይተው
ድረ ገጾችን ከጥቂት ወራት በላይ ዲዛይን ካደረጉ, በሁሉም አሳሾች ላይ ተመሳሳይ ገፅታ ለመጻፍ አስቸጋሪ ስለመሆኑ በጣም ይረዳዎታል. በ E ርግጥም, ያ የማይቻል ነው. ብዙ አሳሾች ሊጻፉ የሚችሉት ልዩ ባህሪዎችን ነው. ወይም ደግሞ ሌሎች አሳሾች እንዴት እንደሚይዙ የተለያዩ ነገሮችን ማድረግ ይችላሉ. ለምሳሌ:
- ሽፋኖች በ Netscape አሳሾች ውስጥ ጥቅም ላይ እንዲውሉ ተፈጥረዋል. በሌላ ማሰሻ ውስጥ አይሰሩም, እንዲያውም በ Netscape 6.x + ውስጥ ተቋረጠ.
- የመስመር ውስጥ ክፈፎች በመጀመሪያ የተፈጠሩ ለ Internet Explorer ብቻ ነው, እና ከዚያ በኋላ የ ኤች ቲ ኤም ኤል መስፈርት አካል ሆኗል.
- ኢንተርኔት ኤክስፕሎረር 6.0 ተጨማሪ ቦታ (እንደ ኤ
) ሁሉንም ዙሪያውን በ (አንድ) ረጅም መስመር ላይ ካልፃፉ በስተቀር በዙሪያው ያሉትን መለያዎች. (ኢ.ኢ. 6. በጣም ብዙ ተጨማሪ ጥያቄዎች አሉት). - Netscpe 4.7 በትክክለኛ ኤች.ቲ.ኤም.ኤል ያልተጻፉ ጠረጴዛዎችን አያሳይም - ይልቁን ባዶ ገጽ ያሳያል. ይሄ በ Netscape 6 ውስጥ ተስተካክሎ ነበር.
ለአሳሽ ገንቢዎች ያለው ችግር ለአሮጌ ማሰሻዎች ከተገነቡት ከኋላ ያሉ ተኳሃኝ የሆኑ የድር አሳሾችን መፍጠር አለባቸው. ይህን ችግር ለመቅረፍ የአሳሽ አዘጋጆች አሳሾች እንዲሰሩ ሁኔታዎችን ፈጥረዋል. እነዚህ ሁነታዎች በ DOCTYPE ኤሌመንት ውስጥ መኖር እና አለመኖር እና DOCTYPE የሚደወልሉ ናቸው.
DOCTYPE በማቀያየር እና "Quirks Mode"
የሚከተለውን የ DOCTYPE በድር ገጽዎ ውስጥ ካስቀመጡ:
ዘመናዊ አሳሾች (Android 1+, Chrome 1+, IE 6+, iOS 1+, Firefox 1+, Netscape 6+, Opera 6+, Safari 1+) ይህን በሚከተለው መንገድ ይተረጉሙታል:
- በትክክል የፅሁፍ DOCTYPE ስለሚኖር, ይህ የስታቲስቲክስ ሁነታን ያስነሳል.
- ኤች.ቲ.ኤም.ኤል 4.01 መሸጋገሪያ ሰነድ ነው
- በመደበኛ ሁነታዎች ውስጥ ስለሆነ አብዛኛዎቹ ማሰሻዎች በ HTML 4.01 Transitional (ማለትም በአብዛኛው ተያያዥነት ያላቸውን) ይዘቱን ያቀርቡላቸዋል.
እና በሰነድዎ ውስጥ ይህን DOCTYPE አድርገው ካስቀመጡት:
ይህ የኤችቲኤምኤል 4.01 ገጽዎን ከዲቲኤን (DTD) ጋር በተጣጣመ መልኩ ለማሳየት የፈለጉትን ዘመናዊ አሳሾች ይነግረናል.
እነዚህ አሳሾች ወደ "ጥብቅ" ወይም "መደበኛ" ሁነታዎች ይለካሉ እና ገጹን ከተቀመጡት መስፈርቶች ጋር አዛምደውታል. (ስለዚህ ለዚህ ሰነድ, የ FONT ኤችቲኤምኤል በኤችቲኤምኤል 4.01 ጥብቅ ቁጥጥር እንደተቋረጠ, በአሳሽ ሙሉ ለሙሉ ሊተውት ይችላል.)
DOCTYPE ን ሙሉ በሙሉ ከተዉት አሳሾች ወዲያውኑ ወደ "Quirks" ሁነታ ይጀምሩታል.
ከታች ያለው ሰንጠረዥ የተለመዱ አሳሾች በተለያዩ የተለመዱ የ DOCTYPE መግለጫዎች ላይ ሲቀርቡ ምን እንደሚያደርጉ ያሳያል.
Microsoft የበለጠ ጠንካራ ያደርገዋል
ኢንተርኔት ኤክስፕሎረር 6 በተጨማሪ ከ DOCTYPE ማስታወቅያ በላይ የሆነ ነገር ካስቀመጡት ወደ ኳርስክ ሁነታ ይመለሳሉ. ስለዚህ, ሁለቱም ምሳሌዎች IE 6 ን ወደ Quirks ሁነታ ያደርጉታል, ምንም እንኳን የ DOCTYPE መግለጫዎች በጥብቅ ደረጃዎች ሁነታ ናቸው ቢሉም:
እና XHTML 1.1 DOCTYPE:
በተጨማሪ, IE6 ካለፉ, Microsoft በ IE8 እና IE9 ላይ የተጨመረው "ባህሪ" አለዎት, META ኤለመንት መቀየሪያ እና የድር ጣቢያ ጥቁር መዝገብ ላይ. በእርግጥ, እነዚህ ሁለት የአሳሽ ስሪቶች አሁን እስከ ሰባት (የተለያዩ) የተለያዩ ሁነታዎች ይኖሯቸዋል:
- IE 5.5 ጥያቄዎች (IE 8 እና 9)
- IE 7 መደበኛ ሞድ (IE 8 እና 9)
- IE 8 በአብዛኞቹ ደረጃዎች ሁኔታ (IE 8 እና 9)
- IE 8 መደበኛ ሞድ (IE 8 እና 9)
- IE 9 በአብዛኞቹ ደረጃዎች ሁኔታ (IE 9)
- IE 9 መደበኛ ሞድ (IE 9)
- የ XML ሁነታ (IE 9)
IE8 የተጠቃሚውን ሞዴል ወደ IE 7 ሁነታ ለመለወጥ ሊመርጥ በሚችልበት "ተኳሃኝነት ሁነታ" አስተዋውቀዋል. ስለሆነም የ DOCTYPE እና META አባሎችን በመጠቀም የተዘጋጀውን ሁነታ ቢያስቀምጡ እንኳን , ገጽዎ አሁንም ወደ አነስተኛ ደረጃዎች-ተኳሃኝ ሁነታ መመለስ ይቻላል.
Quirks ሁነታ ምንድን ነው?
የ Quirks ሁነታ ሁሉንም ያልተለመዱ ማሳያዎችን እና የማያሳስብ የአሳሽ ድጋፍ እና እነዚህን ነገሮች ለመፍታት የድረ-ገጽ ንድፍ ባለሙያዎች የደነዘዙት ነው. አሳሽ አምራቾች የሚያወጡት አሳሾቻቸው ወደ ሙሉ ዝርዝር ደንቦች ተገዢነት ካደረጉ, የድር ንድፍተሮች ይቀራሉ ማለት ነው.
DOCTYPE በማቀላጠፍ እና "Quirks Mode" በማዘጋጀት ይህ የድር አሳሾች ኤችቲኤምኤልዎን እንዴት እንዲያቀርቡ እንደሚፈልጉ እንዲመርጡ አግዷል.
የቁምጥ ሁነታ ውጤቶች
በአብዛኛዎቹ አሳሾች በ Quirks ሁነታ የሚጠቀሙባቸው በርካታ ውጤቶች አሉ:
- በአንዳንድ አሳሾች ውስጥ የቦክስ ሞዴል በ quirks ሁነታ ላይ ባለው የ IE 5.5 ስሪት ለውጦች ይለዋወጣል.
- አንዳንድ አሳሾች በስታሞች ውስጥ ቅጦችን አይወርሱም
- የ Quirks ሁነታ የሲኤስኤስ እና የሲአኤስ ቅርጸቶች በአስደናቂ ሁኔታ የመተንተን ተጽዕኖ ያሳርፋል, ገጾችን ወደ ደረጃዎች ሁነታ ከ quirks ሁነታ እየለወጡ ከሆኑ የ CSS አሰራርዎን ለመሞከር እና ሰፋ ባለ መልኩ ለመተንተን እርግጠኛ ይሁኑ.
- በ quirks ሁነታ ላይ ስክሪፕቶች ላይ ለውጦችን ይመልከቱ. ለምሳሌ ፋየርፎክስ መታወቂያው የሚሠራበት መንገድ ይለውጣል. IE8 እና IE9 በ quirks ሁነታ ላይ ስክሪፕቲንግ ለውጦች አሏቸው.
"በአቅጣጫ ደረጃዎች ሁነታ" ውስጥ ልዩነትም አለ.
- በውስጡ ከያንሽ ውስጣዊ ምስሎች ጋር የሠንጠረዥ ሕዋሶች ቁመት ከተለዋዋጭ ሁነታ በተለየ ሁኔታ ይለያያል.
DOCTYPE ን እንዴት እንደሚመርጡ
በንዑስ ጽሑፌዬ ዝርዝር ውስጥ በዝርዝር እገባለሁ, ሆኖም ግን አንዳንድ አጠቃላይ የአውራነት ደንቦች እዚህ አሉ:
- ሁልጊዜ የሲሳብ ደረጃዎች ምረጥ. እንዲሁም አሁን መጠቀም ያለብዎት መደበኛ HTML5 ነው. HTML5 DOCTYPE ን መጠቀም የማይፈልጉበት የተለየ ካልሆነ በቀር መጠቀም ያለብዎት ይህ ነው.
- የቆዩ አባሎችን ማረጋገጥ ወይም ለአንዳንድ ምክንያቶች አዲስ ባህሪዎችን ለማስወገድ ከፈለጉ ወደ ጥብቅ የ HTML 4.01 ይሂዱ:
- በሠንጠረዥ ውስጥ የተቆራረጡ ምስሎችን እና እነሱን ማስተካከል ካልፈለጉ ወደ Transitional HTML 4.01 ይሂዱ:
- በቃላት ሁነታ ገጾችን አይጽፉ. ሁልጊዜ DOCTYPE ተጠቀም. ይህ ለወደፊቱ በማስተዋወቅ ጊዜ ላይ ያድኑዎታል, እና ምንም ጥቅም የለውም. IE6 በከፍተኛ ደረጃ ታዋቂነት እና ለዚህ አሳሽ በመርመር (ይህም በ Quirks ሁነታ ላይ የሚቀርበው ነገር ነው) እራስዎን, አንባቢዎችዎን እና ገጾችዎን እየገደቡ ነው. ለኤች 6 ወይም 7 መጻፍ ካለዎት, ዘመናዊ አሳሾችን ወደ ዴስክ ሁነታ ከማስገደድ ይልቅ ሁኔታዊ አስተያየቶችን ይጠቀሙ.
ለምን DOCTYPE ን መጠቀም ለምን አስፈለገ?
አንዴ ይሄንን DOCTYPE መቀየር ካወቁ በኋላ, ከድረ-ገጽዎ ምን እንደሚጠብቀው የሚጠቁም አንድ DOCTYPE በመጠቀም በድረ-ገጾችዎ ላይ በቀጥታ ተጽዕኖ ሊያሳርፉ ይችላሉ. እንዲሁም, አንዴ DOCTYPE መጠቀም ሲጀምሩ, ልክ ለመሆን ይበልጥ የቀረበ ኤችቲኤምኤል መጻፍ ይችላሉ ((አሁንም ማረጋገጥ አለብዎት). እንዲሁም XHTML ትክክለኛ ጽሁፍ በመጻፍ አሳሽ አውጪዎች ደረጃውን የጠበቁ አሳሾችን እንዲገነቡ ያበረታታሉ.
የአሳሽ ስሪቶች እና Quirks ሁነታ
DOCTYPE | Android Chrome Firefox IE 8+ iOS Opera 7.5+ Safari | IE 6 IE 7 ኦፔራ 7 | Netscape 6 |
---|---|---|---|
ምንም | Quirks Mode | Quirks Mode | Quirks Mode |
HTML 3.2 | |||
Quirks Mode | Quirks Mode | Quirks Mode | |
ኤችቲኤምኤል 4.01 | |||
ሽግግር | ደረጃዎች ሁኔታ * | ደረጃዎች ሁኔታ * | መደበኛ ደረጃ ሁነታ |
ሽግግር | Quirks Mode | Quirks Mode | Quirks Mode |
ጥብቅ | መደበኛ ደረጃ ሁነታ | ደረጃዎች ሁኔታ * | መደበኛ ደረጃ ሁነታ |
ጥብቅ | መደበኛ ደረጃ ሁነታ | ደረጃዎች ሁኔታ * | መደበኛ ደረጃ ሁነታ |
HTML5 | |||
መደበኛ ደረጃ ሁነታ | ደረጃዎች ሁኔታ * | Quirks Mode | |
* በዚህ DOCTYPE አማካኝነት አሳሾች ከመመከከያው ጋር የሚጣጣሙ ናቸው ነገር ግን አንዳንድ ችግሮች አሉ-ለመፈተሽ ያረጋግጡ. ይህ በመባልም የሚታወቀው "በጣም የቅርብ ደረጃዎች ሁነታ" በመባል ይታወቃል. |