HTML એલિમેન્ટની વિરુદ્ધ એક એચટીએમએલ ટેગ શું છે?

આ બે શરતો વચ્ચેનો તફાવત છે

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

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

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

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

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

જ્યારે તમે HTML લખો, તમે એચટીએમએલ ટૅગ્સ લખી રહ્યા છો. બધા એચટીએમએલ ટેગ્સ સંખ્યાબંધ ચોક્કસ ભાગોનો બનેલો છે, જેમાં નીચેનાનો સમાવેશ થાય છે:

• એક ઓછા સાઇન સાઇન <
• એક શબ્દ અથવા અક્ષર જે ટેગને લખે છે તે નિર્ધારિત કરે છે
• કોઈ નામ = "મૂલ્ય" જોડના સ્વરૂપમાં વૈકલ્પિક HTML એટ્રીબ્યૂટ્સની કોઈપણ સંખ્યા
• અને આખરે એક મોટા સાઇન સાઇન>

ઉદાહરણ તરીકે, અહીં કેટલાક એચટીએમએલ ટૅગ્સ છે:

આ તમામ એચટીએમએલ ઓપનિંગ ટેગ્સ છે, જેમાં તેમને ઉમેરાતા કોઈપણ વૈકલ્પિક વિશેષતાઓ નથી. આ ટૅગ્સ પ્રતિનિધિત્વ કરે છે:

• - ફકરો વ્યાખ્યાયિત કરે છે

• - HTML તરીકે પૃષ્ઠને વ્યાખ્યાયિત કરે છે
• - એક વિભાગ વ્યાખ્યાયિત કરે છે

નીચેના પણ એચટીએમએલ ટૅગ્સ છે:

• આ ઉદાહરણોમાં બધા લક્ષણો સામેલ છે જે શરૂઆતના એચટીએમએલ ટૅગ્સમાં ઉમેરાઈ ગયા છે.

  • એ એક અનક્રડાડિત સૂચિ છે કે જેમાં ID વિશેષતા શામેલ છે
    • ડિવિઝનમાં ક્લાસ એટ્રીબ્યુટ છે
    • એન્કર, અથવા કડી, તત્વ "href" લક્ષણનો સમાવેશ કરે છે
    • "સ્રોક" લક્ષણ સાથે છબી ટૅગ

    એન્કર અને છબી ટેગ માટે, વિશેષતાઓ વાસ્તવમાં વૈકલ્પિક નથી, તે ટેગ્સને યોગ્ય રીતે પ્રદર્શિત કરવા માટે તે જરૂરી છે. તમારે કયાંથી કડી ક્યાં જવાનું છે (જે "href" કરે છે) અને શું બતાવવું તે ચિત્રને જણાવવું જરૂરી છે (જે "સ્રોક" લક્ષણ પ્રદાન કરે છે તે છે).

    HTML ઘટકો શું છે

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

    ઉદાહરણ તરીકે, ફકરા તત્વ માટે તમે આ લખો છો:

    આ શરૂઆતના ટૅગથી બનેલો છે જે અમે એક ક્ષણ પહેલા જોયું હતું તેમજ બંધ ટેગ - . સમાપન ટૅગ્સ ખરેખર માત્ર ઑપનિંગ ટેગને પુનરાવર્તિત કરે છે, પરંતુ "પ્રતીક કરતાં ઓછી" પછી સીધી જ "ફૉર્વર્ડ સ્લેશ" ઉમેરવામાં આવે છે.

    લગભગ તમામ HTML ઘટકોના ઑપનિંગ ટૅગ અને બંધ ટેગ છે. આ ટેગ્સ વેબ પેજ પર પ્રદર્શિત થતી ટેક્સ્ટ ફરતે આવે છે. ઉદાહરણ તરીકે, ટેક્સ્ટનો ફકરો લખવા માટે, તમે પૃષ્ઠ પર પ્રદર્શિત કરવા માટે ટેક્સ્ટ લખો અને ત્યારબાદ આ ટૅગ્સ સાથે તેને ફરતે કરો:

    આ તે જગ્યા છે જ્યાં તમે ફકરોનો ટેક્સ્ટ લખશો જે તમે વેબપૃષ્ઠ પર પ્રદર્શિત કરવા માંગો છો.

    કેટલાક HTML ઘટકો બંધ ટેગ નથી આને "ખાલી તત્વો" કહેવામાં આવે છે કેટલીકવાર, તેમને " સિંગલટોન " અથવા "રદબાતલ" તત્વો તરીકે પણ ઓળખવામાં આવે છે. ખાલી ઘટકોનો ઉપયોગ કરવો સરળ છે કારણ કે તમારે ફક્ત તમારા વેબ પેજમાં એક ટૅગ શામેલ કરવું પડશે અને બ્રાઉઝરને ખબર પડશે કે શું કરવું જોઈએ. ઉદાહરણ તરીકે, તમારા પૃષ્ઠ પર એક લીટી બ્રેક ઉમેરવા માટે તમે b # tag નો ઉપયોગ કરશો.

    અન્ય એક સામાન્ય ઘટક જે ફક્ત એક ઑપનિંગ ટેગનો સમાવેશ કરે છે તે "છબી" ઘટક છે. દાખ્લા તરીકે:

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

    સામાન્ય રીતે, જ્યારે હું HTML ઘટક અથવા ટેગનો ઉલ્લેખ કરું છું, ત્યારે હું "તત્વ" શબ્દનો ઉપયોગ કરું છું તે દર્શાવવા માટે હું તત્વના તમામ ભાગો (બંને ઉદઘાટન અને સમાપ્તિ ટૅગ્સ) નો ઉલ્લેખ કરું છું. હું "ટૅગ" નો ઉપયોગ કરું છું એ ખરેખર એક અથવા તો અન્યનો ઉલ્લેખ કરું છું. આ બે શબ્દોનો આ યોગ્ય ઉપયોગ છે, અને હું તમને તેમને યોગ્ય રીતે ઉપયોગ કરવા પ્રોત્સાહિત કરું છું - પરંતુ માત્ર જાણવું છે કે જો તમે તેમને થોડી બાંધી અને અદલાબદલી કરો છો, તો તમે હજુ પણ તમારા નવા વેબ ડેવલપમેન્ટ પેઅર્સ દ્વારા સમજી શકશો!

    જેનિફર કિનાન દ્વારા મૂળ લેખ. 7/21/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત