જૂના HTML ઘટકો અને HTML5 માં તે નવા સહિત
ઘણાં વર્ષો પહેલાં તેના વિકાસની શરૂઆત થઇ હતી, જ્યારે HTML5 પ્રથમ વેબ ડિઝાઇનર્સ / વિકાસકર્તાઓ સાથે 2010 માં સામાન્ય રીતે ઉપયોગમાં લેવાનું શરૂ કર્યું. દ્વારમાંથી જ બહાર, ભાષામાં ઘણા વેબ વ્યાવસાયિકોને પરિચિત લાગ્યું કારણ કે સ્ક્રેચ, HTML5 થી બધું પુનઃ નિર્ધારિત કરવાનો પ્રયાસ કરતા પહેલાં શું થયું હતું તે પર બિલ્ટ. જે HTML 4.01 ને જાણતા હતા તે ઝડપથી જાણવા મળ્યું છે કે તે સંસ્કરણનો થોડો ભાગ હવે HTML5 માં મળી શકે છે.
એચટીએમએલમાં એચટીએમએલમાં ઘણાં બધા ઘટકોનો સમાવેશ થાય છે જે એચટીએમએલ (HTML) માં થોડાક સમય માટે છે, તેમાં HTML5 કેટલાક નવા ઘટકોનો પણ સમાવેશ કરવામાં આવ્યો છે. આમાંના ઘણા નવા ઘટકો માટે, "કાઉપાથ્સને ફરસવાના" કહેવાતા એક અભિગમનો ઉપયોગ કરવામાં આવ્યો હતો. આ એક શબ્દ છે જેનો સામાન્ય રીતે આઇટીમાં ઉપયોગ થાય છે જેનો અર્થ એ છે કે લોકો પહેલેથી જ શું કરી રહ્યા છે અને તે શું કરે છે. વેબ ડીઝાઇનરોના કિસ્સામાં, તે જોવા માટે કે તે કેવી રીતે પહેલાથી પૃષ્ઠોને બનાવી રહ્યા છે અને તે પ્રવૃત્તિઓના નવા ઘટકો પર નિર્ણયોને આધાર આપે છે. હમણાં પૂરતું, ઘણાં વેબ પ્રોફેશનલ્સ એવી વિભાગો ધરાવતી વેબસાઇટ્સ બનાવશે કે જે "હેડર", "એનએવી", અને "ફૂટર" ના ID અથવા વર્ગના લક્ષણોનો ઉપયોગ કરે છે. જેમ કે, HTML5 એ નવા ઘટકો તરીકે રજૂ કર્યાં, વેબ પ્રોફેશનલ્સ માત્ર વિભાગોને બદલે સમર્પિત સેટેલિંગ ઘટકોનો ઉપયોગ કરીને તેમના દસ્તાવેજોમાં વધુ અર્થ ઉમેરવા માટે પરવાનગી આપે છે. પારિવારિકતા અને વર્તમાન અભિગમને ઓળખતા અભિગમની આ સંયોજનએ વેબ ડિઝાઇન ઉદ્યોગ દ્વારા ઝડપથી HTML5 દ્વારા ગ્રહણ કરવામાં સહાય કરી.
HTML5 Doctype
સૌ પ્રથમ, કોઈપણ નવા HTML5 ઘટકોનો ઉપયોગ કરવા માટે, તમારા દસ્તાવેજમાં HTML5 doctype શામેલ હોવું આવશ્યક છે:
તમે જોઇ શકો છો કે આ doctype "HTML5" નો ખાસ ઉલ્લેખ કરતું નથી, પરંતુ વાસ્તવમાં "HTML" તરીકે સંસ્કરણ જણાવે છે. આ કારણ છે કે આ સિદ્ધાંત એ ભાષાના તમામ પુનરાવર્તન માટે આગળ વધવા માટેનો ઉપયોગ કરવાનો હેતુ છે.
વાસ્તવમાં, HTML5 એ ભાષાના છેલ્લા ક્રમાંકિત સંસ્કરણ હોવાનું માનવામાં આવે છે, ભવિષ્યમાં નવા ફેરફારોને સતત આધારે ઉમેરવામાં આવે છે. હકીકતમાં, નીચેની સૂચિમાંના કેટલાક ઘટકોને 2010 માં તે પ્રારંભિક દબાણ પછી ભાષામાં ઉમેરવામાં આવ્યા છે!
HTML5 ટૅગ્સ
ટૅગ | સમજૂતી |
---|---|
એન્કર અથવા લિંક | |
abbr> | સંક્ષેપ |
સરનામું> | દસ્તાવેજનું સરનામું અથવા લેખકો |
<વિસ્તાર> | ગ્રાહક બાજુ છબી નકશો |
<લેખ> article> | કલમ |
સ્પર્શનીય સામગ્રી | |
ઑડિઓ સ્ટ્રીમ | |
b> | બોલ્ડ |
| દસ્તાવેજનાં ઘટકો માટે બેઝ યુઆરઆઇ રસ્તા |
| દ્વિ દિશા અલ્ગોરિધમનો |
<બ્લોકક્વોટ> બ્લોકક્વોટ> | લાંબા અવતરણ |
body> | પૃષ્ઠની શારીરિક |
| લાઇન બ્રેક |
<બટન> button> | HTML ફોર્મ બટન |
<કેનવાસ> canvas> | ગતિશીલ ગ્રાફિક્સ માટે કેનવાસ |
ટિપ્પણી કરો | |
<કૅપ્શન> caption> | કોષ્ટક કેપ્શન |
Cite> | પ્રશસ્તિ |
code> | કોડ સંદર્ભ |
| કોષ્ટક સ્તંભ |
| કોષ્ટક કૉલમ જૂથ |
| પૃષ્ઠ પર આદેશ અથવા ક્રિયા |
દસ્તાવેજ પ્રકાર વ્યાખ્યા | |
<ડેટાગ્રેડ> datagrid> | ડેટા ગ્રીડ |
<ડેન્ટિસ્ટ> datalist> | અન્ય નિયંત્રણો માટે પૂર્વનિર્ધારિત વિકલ્પો |
| વ્યાખ્યા સૂચિ વર્ણન અથવા વાર્તાલાપના ગાળો |
| કાઢી નાખેલ ટેક્સ્ટ |
<વિગતો> વિગતો> | વધારાની માગ-માહિતી |
dfn> | વ્યાખ્યા |
<સંવાદ> dialog> | વાતચીત |
div> | લોજિકલ ડિવિઝન |
| વર્ણન સૂચિ |
| વ્યાખ્યા સૂચિ શબ્દ અથવા સંવાદ સ્પીકર |
em> | ભાર |
<એમ્બેડ> | પ્લગિન્સ માટે જડિત તત્વ |
ફોર્મ નિયંત્રણ જૂથ | |
<આર્જેકપ્શન> figcaption> | કૅપ્શન એલિમેન્ટ માટે વપરાય છે |
<આંકડા> figure> | વૈકલ્પિક કેપ્શન સાથે આકૃતિ |
પૃષ્ઠના ફૂટર | |
ફોર્મ | |
h1> | પ્રથમ સ્તરની હેડલાઇન |
h2> | સેકન્ડ લેવલ હેડલાઇન |
h3> | ત્રીજો સ્તરનું હેડલાઇન |
h4> | ચોથા સ્તરની હેડલાઇન |
h5> | ફિફ્થ સ્તરની હેડલાઇન |
h6> | છઠ્ઠા સ્તરનું હેડલાઇન |
head> | દસ્તાવેજનું મુખ્ય |
| પૃષ્ઠના મથાળું |
hgroup> | મથાળું જૂથ |
| આડું નિયમ |
html> | વેબ પૃષ્ઠનો રુટ ઘટક |
i> | ઇટાલિક ટેક્સ્ટ શૈલી |
ઇનલાઇન ફ્રેમ | |
છબી | |
<ઇનપુટ> | ઇનપુટ ફોર્મ તત્વ |
<ઇનપુટ પ્રકાર = "બટન"> | બટન ફોર્મ તત્વ |
<ઇનપુટ પ્રકાર = "ચેકબોક્સ"> | ચેકબોક્સ ફોર્મ તત્વ |
<ઇનપુટ પ્રકાર = "રંગ"> | રંગ ઇનપુટ |
તારીખ ઇનપુટ | |
વૈશ્વિક તારીખ અને સમય ઇનપુટ | |
સ્થાનિક તારીખ અને સમય ઇનપુટ | |
ઇમેઇલ સરનામું ઇનપુટ | |
ફાઇલ અપલોડ ફોર્મ એલિમેન્ટ | |
હિડન ફોર્મ ફીલ્ડ તત્વ | |
છબી ફોર્મ તત્વ | |
વર્ષ અને મહિનો ઇનપુટ | |
સંખ્યા ઇનપુટ | |
પાસવર્ડ ફોર્મ તત્વ | |
રેડિયો બટન ફોર્મ તત્વ | |
અસ્પષ્ટ નંબર ઇનપુટ | |
બટન ફોર્મ તત્વ ફરીથી સેટ કરો | |
શોધ ક્ષેત્ર | |
બટન ફોર્મ તત્વ સબમિટ કરો | |
ટેલિફોન નંબર ઇનપુટ | |
<ઇનપુટ પ્રકાર = "ટેક્સ્ટ"> | ટેક્સ્ટ ફીલ્ડ ફોર્મ તત્વ |
ટાઇમ ઇનપુટ | |
URL ઇનપુટ | |
<ઇનપુટ પ્રકાર = "અઠવાડિયું"> | વર્ષ અને અઠવાડિયામાં ઇનપુટ |
INS> | શામેલ કરેલ ટેક્સ્ટ |
kbd> | વપરાશકર્તા દ્વારા દાખલ કરવામાં આવેલ ટેક્સ્ટ |
| પ્રમાણપત્ર વ્યવસ્થાપન માટે સુરક્ષિત કીઓ બનાવો |
ફોર્મ લેબલ | |
<લીજેન્ડ> legend> | ફોર્મ ફીલ્ડ્સ કેપ્શન |
| સૂચિ આઇટમ |
સંબંધિત દસ્તાવેજોની લિંક | |
<મુખ્ય> main> | પૃષ્ઠ પર સામગ્રીનો મુખ્ય વિસ્તાર |
ગ્રાહક બાજુ છબી નકશો | |
mark> | ચિહ્નિત અથવા પ્રકાશિત ટેક્સ્ટ |
<મેનુ> menu> | આદેશોની સૂચિ |
દસ્તાવેજ વિશે મેટા માહિતી | |
<મીટર> મીટર> | સ્કાલર ગેજ |
નેવિગેશન લિંક્સ સાથે વિસ્તાર વ્યાખ્યાયિત કરે છે | |
<નોસ્ક્રિપ્ટ> noscript> | જ્યારે સ્ક્રિપ્ટ્સ ઉપલબ્ધ ન હોય ત્યારે સામગ્રી |
બિન-માનક ઑબ્જેક્ટ | |
| ક્રમાંકિત અથવા ક્રમાંકિત સૂચિ |
પસંદ કરેલી સૂચિમાં વિકલ્પોનું જૂથ | |
<વિકલ્પ> option> | પસંદ કરેલ સૂચિમાં વિકલ્પ |
<આઉટપુટ> output> | ફોર્મ ગણતરીનો પરિણામ |
p> | ફકરો |
ઑબ્જેક્ટ એલિમેન્ટનું પેરામીટર | |
<પૂર્વ> pre> | પ્રી-ફોર્મેટ કરેલો ટેક્સ્ટ |
પ્રગતિ સૂચક | |
q> | લઘુ ઇનલાઇન અવતરણ |
રૂબી કૌંસ | |
રૂબી ટેક્સ્ટ | |
<રુબી> રુબી> | રૂબી એનોટેશન |
| સ્ટ્રાઇકઆઉટ ટેક્સ્ટ |
<સેમ્પ> samp> | નમૂના આઉટપુટ |