Doctype HTML - તે શું છે? તમને તત્વ વિશે શું જાણવાની જરૂર છે?

જે સંશયકારો કહે છે, પ્રગતિ હજુ પણ એક ઘટના છે જેને રોકી શકાતી નથી. જો કે, જ્યારે કેટલાક ચંદ્રના ડાકોમાં લાંબા સમય સુધી ચાલવા પર નકામા છે, તો અન્ય લોકો શાબ્દિક ગભરાટમાં ફસાઈ ગયા છે, કારણ કે તેમાં ફેરફારો વધુ અને વધુ મુશ્કેલ બને છે. આવા "મોહક અપ" નું ઉદાહરણ ઉચ્ચ ટેકનોલોજી સાથે સંકળાયેલા વ્યવસાયોના પ્રતિનિધિઓ છે.

મોટાભાગના વેબ ડિઝાઇનર્સ, પ્રોગ્રામર્સ અને લેટેગ ડીઝાઇનરો, "નૂરા બાબા" કરતાં વખતની ભાવના સાથે વધુ છે, જે અઠવાડિયાના વિલંબ સાથે માહિતી મેળવે છે, અને નોંધપાત્ર રીતે વિકૃતિઓ સાથે પણ, વાસ્તવિક પરિસ્થિતિ કંઈક અંશે અલગ હોય છે. નવી ટેકનોલોજીઓના ક્ષેત્રમાં પ્રગતિના સ્તરે મેળ ખાતા તે મુશ્કેલ છે. ચાલો એક સરળ ઉદાહરણ ગણીએ: 5-10 વર્ષ પહેલાં એડોબ ફ્લેશ પર ઓનલાઈન રમતોના ડેવલપર મૂર્ત સફળતા પ્રાપ્ત કરી શકે છે, અસંખ્ય "મેરી ખેડૂતો" એક પુષ્ટિકરણ છે. જો કે, આજે પણ, આ ટેકનોલોજી હજી ધીમેથી બહાર આવી રહી છે, HTML5 ના વધુ આધુનિક પરંતુ ઓછી અભ્યાસ મૂળભૂત બહુમતી માટે રસ્તો આપીને. આ રીતે, તે HTML5 છે અને અમારા આજનાં ઇતિહાસના "અક્ષરો" પૈકી એક છે, જે HTML-coder ના રોજિંદા કાર્યને સમર્પિત છે.

Doctype HTML - તે શું છે?

આ ટેક્નોલોજી પ્રગતિના ભોગ બનેલા લોકોને હાઇ-ટેક સ્મારક છે. 90 ના દાયકામાં ડેશિંગ, જે આપણા દેશની "લડાઇ" પરિસ્થિતિ દ્વારા જ નહીં, પણ બ્રાઉઝર્સની વાસ્તવિક યુદ્ધ પણ લાવ્યા, વિશ્વને લાવ્યા ઘણા ઉત્પાદનો કે જેમાં કમ્પ્યુટર વપરાશકર્તાઓ વિશ્વવ્યાપી નેટવર્કના વિસ્તરણ માટે હળવા કરે છે. પરંતુ ત્યાં માત્ર એક કેચ છે - લોકપ્રિય પછી નેટસ્કેપ નેવિગેટર અને ઈન્ટરનેટ એક્સપ્લોરર એ સમાન પૃષ્ઠોને અનુક્રમે જુદી જુદી રીતોથી જોયા હતા અને સાઇટ્સના સર્જકોએ આ પ્રોગ્રામો માટે સંપૂર્ણપણે અલગ પૃષ્ઠો બનાવ્યા છે.

ધોરણો? તે વર્ષોમાં, તે વિશે વાત કરવા માટે અર્થહીન હતું - W3C તેના પ્રારંભિક તબક્કામાં હતી, અને માઇક્રોસોફ્ટ, જે તેના IE ને પ્રમોટ કરે છે, તેની પોતાની બાઇક્સ શોધવાની પસંદ કરવા માટે પ્રખ્યાત હતી જે કંઈપણ સાથે સુસંગત ન હતા. તેમ છતાં, ભયંકર (વેબ વિકાસકર્તાઓ માટે) દાયકાના અંત સુધીમાં, પરિસ્થિતિ હજુ પણ સામાન્ય હતી: ત્યાં ધોરણો કેટલાક આભાસ દેખાયા હતા, જે સંપૂર્ણપણે નથી, પરંતુ હજુ પણ બધા લોકપ્રિય બ્રાઉઝર્સ દ્વારા આદર.

જો કે, કન્સોર્ટિયમ અને બ્રાઉઝર ઉત્પાદકોના ધોરણો બધા જ ન હોવાનું બહાર આવ્યું છે તેવું પરિસ્થિતિ બની. તમે એચટીએમએલ, સીએસએસ અને ડોમના દૃષ્ટિકોણથી એકદમ યોગ્ય પાનું બનાવી શક્યા હોત, પરંતુ તમારા પ્રિફર્ડ બ્રાઉઝર સતત દેખાતા ન હતા કે તમે શું અપેક્ષા રાખતા હતા

તેમ છતાં, સમય પસાર થઈ ગયો, વિકાસકારોએ માત્ર સ્પર્ધા વિશે જ નહીં, પણ વેબમાસ્ટર્સ વિશે પણ વિચારવાનું નક્કી કર્યું, અને તે દેખાયા - ડોક્ટાઇપ એચટીએમએલ આ એક વિશિષ્ટ ટૅગમેડ છે જે એક ચોક્કસ પૃષ્ઠને કેવી રીતે જોવા તે બ્રાઉઝરને કહેવાનું છે.

મને એચટીએમએલમાં ડોકટાઇપ શા માટે આવશ્યક છે?

પર્યાપ્ત ધોરણોના ઉદભવ પહેલાં, જે સર્વત્ર અનુસરવાનું શરૂ થયું, ઘણા બ્રાઉઝર વિકાસકર્તાઓ પોતાને પર ધાબળો ખેંચવાનો પ્રયાસ કર્યો, કોઈ ચોક્કસ તકનીકની અભિગમની પોતાની પદ્ધતિઓ બનાવી. પરિણામે, તે જ પૃષ્ઠ જુદા જુદા બ્રાઉઝર્સમાં જુદા હતા. જો કે, અમે આ અંગે પહેલેથી જ વાત કરી છે, એવું ક્યારેય ઉલ્લેખ કર્યો નથી કે જ્યારે વેબ સર્ફિંગ માટેના કાર્યક્રમોના નિર્માતાઓ તેમના ઇન્દ્રિયો પર આવ્યા, અન્ય, કોઈ ઓછી રસપ્રદ સમસ્યા ઊભી થઈ નથી.

પરિસ્થિતિની કલ્પના કરો: તમે 90 ના દાયકાના અંતમાં વિશિષ્ટ વેબ ડેવલપર છો. તે એટલું બધું થયું કે મોટાભાગના સમય તમે બ્રાઉઝર ઇન્ટરનેટ એક્સ્પ્લોરર 4 માં વિતાશો. અચાનક, માઇક્રોસોફ્ટે તમારી ઇન્દ્રિયો પર આવે છે અને તેના નવા બ્રાઉઝરને વધુ "સાચું" બનાવે છે, જે તે વેબસાઇટ્સને કેવી રીતે લખવા તે અને તે પહેલાથી જ તે સાથે કેવી રીતે કરવું તે સ્પષ્ટ નથી બનાવે બનાવ્યું સ્વાભાવિક રીતે, જો તમારી પાસે પૂરતો સમય હોય, તો તમે તમારા HTML કોડને એવી રીતે ફરીથી લખી શકો છો કે જે તે નવા ધોરણો સાથે સુસંગત છે, પરંતુ લોકો આળસુ જીવો છે.

આ બિંદુએ ડોક્ટાઇપ એચટીએમએલ સૌથી સુસંગત "શોધ" છે. પેજની શરૂઆતમાં કયા પ્રકારનો દસ્તાવેજ દર્શાવ્યો છે તેના પર આધાર રાખીને, બ્રાઉઝર આ કિસ્સા માટે રેન્ડરીંગની પદ્ધતિ પસંદ કરશે. જો HTML- કોડમાં કોઈ દસ્તાવેજ નથી, તો બ્રાઉઝર સુસંગતતા સ્થિતિમાં જશે (એક નિયમ તરીકે, પરંતુ જરૂરી નથી). પરિણામે, તે જ ઈન્ટરનેટ એક્સપ્લોરર 6 (જો તે આર્કાઇવ છે તો પણ તે નીચે હશે), ડોકટાઇપ ટેગની ગેરહાજરીમાં, વર્તે છે કે તમે તેના ચોથા સંસ્કરણમાં કામ કરતા હતા.

Doctype ના પ્રકાર

ડોકટાઇપ ટૅગમાં ઘણી જાતો છે જેને ચોક્કસ વર્ગોમાં વિભાજિત કરી શકાય છે. પ્રથમ, તે માર્કઅપ ભાષાના મુખ્ય પ્રકારો વર્ણવે છે: HTML 4.01, HTML 5, એક્સએચટીએમએલ 1.0 અથવા એક્સએચટીએમએલ 1.1. બીજું, આ દરેક ભાષામાં પોતાનું પેટા-વિભાગો છે, જે "ગુણ-શોધવાની ગુણાંક" તરફ ધ્યાન દોરે છે, જે, ડબલ્યુ 3 સીના ધોરણો દ્વારા કેવી રીતે સખત રીતે HTML કોડ સેટ કરવામાં આવે છે સાચું છે, બીજા કિસ્સામાં બે અપવાદો છે - HTML5 અને એક્સએચટીએમએલ 1.1 પાસે કોઇ પેટાજાતિ નથી અને ડોકટાઇપ એચટીએમએલના માત્ર એક જ સ્વરૂપ છે. પરંતુ આ પછી વધુ ...

કડક અભિગમ: Doctype સખત

જો તમે HTML કોડ બનાવવાનું પસંદ કરો છો, જે માન્યકર્તાના કાયદાના દરેક અક્ષર સાથે મેળ ખાય છે, તો પછી વધારાના પ્રોત્સાહન (તમારા પોતાના હિત સિવાય) ડોક્ટાઇપ સખત નો ઉપયોગ કરી શકાય છે. જો તમે વધુ અદ્યતન એક્સએચટીએમએલ 1.0 નો ઉપયોગ કરવાની યોજના ઘડી રહ્યા હોવ, તો પછી તે દરેક લીટી શરૂ થશે તે લીટી જોઈએ છે:

કડક ડોક્ટાઇપ એચટીએમએલ પબ્લિક ટેમ્પલેટ પસંદ કરવું એ ખાતરી કરે છે કે બ્રાઉઝર દ્વારા સ્ટાન્ડર્ડથી કોઇપણ વિવિભાજનને ધ્યાનમાં લેવામાં આવશે, જેના પછી ખોટી રીતે ઉપયોગમાં લેવાતી ટેગને અવગણવામાં આવશે. ખાસ કરીને, કડક સ્થિતિમાં, કોઈપણ ટેગ, ભલે તે ફોર્મ, છબી અથવા અન્ય ઘટક હોય, તે બ્લોક ટૅગ્સની અંદર હોવું જોઈએ. જો તમે તેના વિના કરવાનું નક્કી કર્યું હોય, તો બ્રાઉઝર આ ઘટકને પ્રદર્શિત કરતું નથી અને લેઆઉટની ભૂલોની સૂચિ બેથી વધારે એન્ટ્રીઝથી ભરવામાં આવશે.

વધુમાં, અસંખ્ય ટૅગ્સ કે જે તમને ટેક્સ્ટને ફોર્મેટ કરવાની પરવાનગી આપે છે, તે બાકાત રાખવા માટે પણ ઇચ્છનીય છે - કડક મોડ CSS નો ઉપયોગ સૂચિત કરે છે

માનવ અભિગમ: ડોક્ટપ ટ્રાન્ઝિશનલ

ગંભીર કડક નમૂના પદ્ધતિ તમને અનુકૂળ ન હોય તો, અથવા જો તમે ફક્ત નિયમો વિરુદ્ધ જવા માટે ટેવાયેલા હોવ તો, ડોકટાઇપ એચટીએમએલ પબ્લિકના વધુ માનવીય પ્રકારનો ઉપયોગ કરવાની સંભાવના હંમેશા હોય છે. ડબ્લ્યુ 3સીએ તેમની ટેવો છોડી દેવા માંગતા ન હોય તેવા લોકોની કાળજી લીધી અને માન્યતા માટે અભિગમના પરિવર્તનીય મોડલનું પ્રતિનિધિત્વ કરતી ટ્રાન્ઝિશનલ નમૂનો બનાવીને, હળવી સ્થિતિમાં કામ કરવું હોય. આ ટેમ્પ્લેટ તમને મુક્તપણે અમુક સ્વાતંત્ર્યને મંજૂરી આપવાની તક આપે છે, જેમ કે સખત-ટેમ્પલેટ દ્વારા પ્રતિબંધિત ટેગ્સ, તેમજ 90 ના દાયકાના અંતથી સુસંગતતા ન ગુમાવે તેવા લેઆઉટ માટે અન્ય ઘણા અભિગમ.

"સોફ્ટ" ડોક્ટાઇપ એચટીએમએલ 4 ની નીચે મુજબ જાહેર કરવામાં આવે છે:

એક્સએચટીએમએલ માટે, રેખા ફરી જુદી જુદી દેખાય છે, પરંતુ એકંદર વલણ રહે છે:

આજ સુધી, હકીકત એ છે કે દરેક લેઆઉટ સખત નમૂના સાથે મેળ કરવાનો પ્રયાસ કરી રહ્યું હોવા છતાં, તે પરિવર્તનીય Doctype છે જે સૌથી લોકપ્રિય છે. તેમ છતાં, આ નમૂનામાં એક શરતી મર્યાદા છે: માન્યકર્તા કોઈપણ પૃષ્ઠોને "અસ્વીકાર" કરશે જેમાં ફ્રેમ્સ છે. જો તમને લેઆઉટની આ પદ્ધતિનો આશરો લેવાની જરૂર હોય, તો તમારે નીચેના પર ધ્યાન આપવું જોઈએ - છેલ્લું નમૂનો.

જનરલથી લઈને ચોક્કસ: ડોક્ટાઇ ફ્રેમ્સેટ

ફ્રેમ્સેટ ટેમ્પ્લેટને બંધબેસાડવા માટેના પૃષ્ઠને ચકાસવા માટેનો અભિગમ સામાન્ય રીતે ટ્રાન્ઝિશનલ જેવી જ છે, જો કે, ઉપર સૂચિબદ્ધ "સ્વતંત્રતા" ઉપરાંત, આ નમૂનો તમને ફ્રેમનો ઉપયોગ કરવાની ક્ષમતા આપે છે. ફ્રેમસેટમાં કોઈ અન્ય તફાવતો નથી, તેથી તે HTML 4.01 અને એક્સએચટીએમએલ 1.0 માટે, જાહેરાતો માટે લીટીઓની સૂચિની યાદીમાં રહે છે:

પ્રગતિની ધાર પર

સ્વાભાવિક રીતે, આ લેખની શરૂઆતમાં તમામ HTML5 સ્ટાન્ડર્ડ જે લોકપ્રિયતા હાંસલ કરી રહ્યા છે, અમે આ માર્કઅપ ભાષાને અવગણી શક્યા નથી. તે રમૂજી છે કે W3C HTML નું આ સંસ્કરણ મુખ્ય એક ગણે છે, તેથી તેના ડોક્ટાઇપ એચટીએમએલ 5 તેના બદલે નમ્ર દેખાય છે. બીજા શબ્દોમાં કહીએ તો, આ પ્રકારની વ્યાખ્યા એટલે કે બ્રાઉઝરને "સ્વચ્છ" એચટીએમએલ સાથે કામ કરવાની જરૂર છે, જે HTML5 ને આજે ગણવામાં આવે છે, જ્યારે ચોથા સંસ્કરણ, જે ઘણા લોકો માટે પ્રચલિત છે, સંભવિત રીતે અપ્રચલિત ગણવામાં આવે છે.

Doctype અન્ય જાતો

અત્યાર સુધી, ડોકટાઇપ ટેમ્પ્લેટોની ઘણી વધુ જાતો છે, જેમાંથી મોટાભાગની ચિંતા XHTML આ માર્કઅપ લેંગ્વેજનું બીજુ સંસ્કરણ ક્યારેય પ્રકાશમાં આવ્યું ન હતું, ઉપર જણાવેલી HTML5 નો ભાગ બન્યો, તેના પ્રથમ સંસ્કરણની ભિન્નતા સર્વોચ્ચ પ્રચલિત હોવા છતાં જીવંત અને સારી છે.

Doctype મહત્વપૂર્ણ છે?

કદાચ HTML પર કેટલાક શિખાઉ "લેખકો" પૃષ્ઠ પ્રકાર ઘોષણાને અવગણવાનો પ્રયત્ન કરશે. ઠીક છે, જો તેઓએ ઉપરોક્ત મહત્વપૂર્ણ માહિતી બહાર ન લાવી હોય, તો ચાલો એક સરળ ઉદાહરણ આપીએ. અહીં ટ્રાન્ઝિશનલ નમૂનાનો ઉપયોગ કરીને પૃષ્ઠનું એક ઉદાહરણ છે:

બધું તે ડિઝાઇનર માટે જેવો દેખાશે તેવું લાગે છે, પરંતુ અમે "મિશ્રિત" ડોકટાઇપ કરવાની જરૂર છે, અને અમને નીચે મુજબ મળે છે:

જેમ તમે જોઈ શકો છો, આ પૃષ્ઠમાં નોંધપાત્ર ફેરફારો થયા છે: પૃષ્ઠભૂમિ છબી અદ્રશ્ય થઇ ગઇ છે, મેનુ ફાટેલી સૂચિમાં ફેરવાઈ છે, કેટલાક CSS વર્ગોને ફક્ત અવગણવામાં આવે છે, ઉપરાંત, પૃષ્ઠની બીજી સ્ક્રોલબાર છે

અમે આશા રાખીએ છીએ કે આ ઉદાહરણ જે લખવામાં આવ્યું છે તેનું મહત્વ સમજાવવા માટે પૂરતા રૂપે ઍક્સેસ કરી શકાય છે, તેથી અમારે ફક્ત ચેતવણી કે રહેવાની જરુર છે, સખત-માન્યતા પસાર કરતી કોડ લખવાનું શીખો. તમે સારા નસીબ!