તમારા વેબ ડીઝાઇન શિક્ષણમાં તમે શરૂઆતમાં જાણી શકશો તે ટૅગ્સમાંના એક છે "ભાર ટૅગ્સ" તરીકે ઓળખાય છે તે ટેગની જોડી. ચાલો જોઈએ કે આ ટેગ્સ શું છે અને આજે વેબ ડીઝાઇનમાં તેનો ઉપયોગ કેવી રીતે કરવામાં આવે છે.
એક્સએચટીએમએલ પર પાછા જાઓ
જો તમે HTML વર્ષ પહેલાં શીખ્યા હોત, તો HTML5 ના ઉદય પહેલાં, તમે કદાચ બંને બોલ્ડ અને ઇટાલિક ટૅગ્સનો ઉપયોગ કર્યો હશે જેમ તમે અપેક્ષા રાખશો, આ ટેગ્સ અનુક્રમે બોલ્ડ ટેક્સ્ટ અથવા ત્રાંસા લખાણમાં તત્વોને બંધ કરશે. આ ટૅગ્સ સાથે સમસ્યા અને શા માટે તેમને નવા તત્વો (જે ટૂંક સમયમાં જ જોશું) ની તરફેણમાં ધકેલી દેવામાં આવ્યા છે, તે એ છે કે તેઓ સિમેન્ટીક તત્વો નથી. આ એટલા માટે છે કારણ કે તેઓ વ્યાખ્યાયિત કરે છે કે કેવી રીતે લખાણ ટેક્સ્ટ વિશે માહિતી કરતાં જોવા જોઈએ. યાદ રાખો, એચટીએમએલ (જે તે ટેગ છે જ્યાં આ ટેગ લખવામાં આવશે) એ તમામ માળખું છે, દ્રશ્ય શૈલી નહીં! વિઝ્યુઅલ્સને CSS અને વેબ ડિઝાઇન દ્વારા નિયંત્રિત કરવામાં આવે છે શ્રેષ્ઠ પ્રથાઓએ લાંબા સમયથી રાખ્યું છે કે તમારે તમારા વેબ પૃષ્ઠોમાં શૈલી અને માળખું એક સ્પષ્ટ અલગ રાખવું જોઈએ. આનો અર્થ એ છે કે જે ઘટકો ન હોય તેવા તત્વોનો ઉપયોગ કરતા નથી અને જે માળખાને બદલે વિગતવાર દેખાવ છે. આ શા માટે બોલ્ડ અને ત્રાંસા ટૅગ્સને સામાન્ય રીતે મજબૂત (બોલ્ડ માટે) અને ભાર (ઇટાલિકો માટે) દ્વારા બદલવામાં આવ્યા છે
& lt; મજબૂત & gt; અને & lt; em & gt;
મજબૂત અને ભારિત તત્વો તમારા ટેક્સ્ટમાં માહિતી ઉમેરે છે, એવી સામગ્રીનું વિગતવાર વર્ણન કરે છે જેનો અલગ રીતે વ્યવહાર કરવો જોઈએ અને જ્યારે તે સામગ્રી બોલાય હોય ત્યારે ભાર મૂકવામાં આવે છે. તમે આ ઘટકોનો ઉપયોગ એટલા જ રીતે કરો છો કે તમે ભૂતકાળમાં બોલ્ડ અને ઇટાલિકોનો ઉપયોગ કર્યો હોત. ફક્ત ભાર અને અને માટે ભાર અને ઉદઘાટન ટૅગ્સ ( અને મજબૂત ભાર માટે) સાથે તમારા ટેક્સ્ટને ફરતે કરો અને બંધ કરેલ ટેક્સ્ટ પર ભાર મૂકવામાં આવશે.
તમે આ ટૅગ્સ ને માળો કરી શકો છો અને તે બાહ્ય ટેગ છે તે કોઈ વાંધો નથી. અહીં કેટલાક ઉદાહરણો છે.
આ ટેક્સ્ટ પર ભાર મૂકવામાં આવે છે અને મોટા ભાગના બ્રાઉઝરો તેને ત્રાંસા તરીકે પ્રદર્શિત કરશે. આ ટેક્સ્ટને ભારપૂર્વક ભાર મૂકવામાં આવે છે અને મોટાભાગના બ્રાઉઝર્સ તેને ઘાટા પ્રકાર તરીકે પ્રદર્શિત કરશે.આ બન્ને ઉદાહરણોમાં, અમે HTML સાથે વિઝ્યુઅલ દેખાવને નિર્ધારિત નથી કરતા. હા, ટેગનું ડિફોલ્ટ દેખાવ ત્રાંસા થશે અને બોલ્ડ હશે, પરંતુ તે દેખાવ સરળતાથી CSS માં બદલી શકાય છે. આ બન્ને વિશ્વનું શ્રેષ્ઠ છે વાસ્તવમાં રેખા પાર અને માળખું અને શૈલીનું મિશ્રણ કર્યા વગર તમે તમારા દસ્તાવેજમાં ઇટાલિક અથવા બોલ્ડ ટેક્સ્ટ મેળવવા માટે ડિફોલ્ટ બ્રાઉઝર શૈલીઓનો લાભ લઈ શકો છો. કહો કે તમે ઇચ્છતા હોવ કે ટેક્સ્ટને માત્ર બોલ્ડ નહીં, પણ લાલ બનવા માટે, તમે આને CSS માં ઉમેરી શકો છો
મજબૂત {
રંગ: લાલ;
}
આ ઉદાહરણમાં, તમારે બોલ્ડ ફૉન્ટ-વજન માટે પ્રોપર્ટી ઉમેરવાની જરૂર નથી કારણ કે તે ડિફૉલ્ટ છે. જો તમે તે તકને છોડવા ન માંગતા હોવ, તેમ છતાં, તમે તેને હંમેશા તેમાં ઉમેરી શકો છો:
મજબૂત {
ફોન્ટ વજન: બોલ્ડ;
રંગ: લાલ;
}
હવે જ્યારે તમે ટૅગનો ઉપયોગ કરવામાં આવે છે ત્યારે બૉક્સ્ડ (અને લાલ) ટેક્સ્ટ સાથે એક પૃષ્ઠ ધરાવવાની બાંયધરી હોવી જોઈએ.
ભાર પર ડબલ ઉપર
એક વર્ષમાં મેં જે વસ્તુ પર ધ્યાન આપ્યું છે તે શું છે જો તમે ભાર આપવા ઉપર બે વાર પ્રયાસ કરો છો? દાખ્લા તરીકે:
આ ટેક્સ્ટમાં તેનામાં બોલ્ડ અને ઇટાલિક કરેલું ટેક્સ્ટ હોવું જોઈએ.તમને લાગે છે કે આ રેખા એક ક્ષેત્ર ઉત્પન્ન કરશે જે લખાણમાં બોલ્ડ અને ઇટાલિકો હશે. ક્યારેક આ ખરેખર થાય છે, પણ મેં જોયું છે કે કેટલાક બ્રાઉઝરો બે ભાર શૈલીઓના બીજા સન્માનનો, સવાલોના વાસ્તવિક ટેક્સ્ટની સૌથી નજીક છે, અને ફક્ત ત્રાંસા તરીકે પ્રદર્શિત કરે છે. આ એક કારણ છે કે શા માટે હું ભાર ટૅગ્સ પર બમણો નથી.
આ "ડબલિંગ અપ" ટાળવાનો બીજો કારણ સ્ટાઇલિશીંગ હેતુઓ માટે છે. જો તમે સેટ કરવા માંગો છો તે સ્વરને પહોંચવા માટે જો સામાન્ય રીતે પૂરતું હોય તો ભારનો એક પ્રકાર. તમારે બોલ્ડ, ઇટાલિલીક, રંગ, મોટું કરવાની જરૂર નથી અને ટેક્સ્ટને રેખાંકિત કરવાની જરૂર નથી. તે ટેક્સ્ટ, તે બધા વિવિધ પ્રકારનાં ભારનો, આડંબરી બની જશે. તેથી ભાર આપવા માટે ભાર ટૅગ્સ અથવા CSS શૈલીઓનો ઉપયોગ કરતી વખતે સાવચેત રહો અને તે વધુપડતું ન કરો.
બોલ્ડ અને ઇટાલિકો પર નોંધ
એક અંતિમ વિચાર - જ્યારે બોલ્ડ () અને ત્રાંસા () ટૅગ્સને ભાર તત્વો તરીકે ઉપયોગમાં લેવાની ભલામણ કરવામાં આવતી નથી, ત્યાં કેટલાક વેબ ડીઝાઇનરો આ ટેગને ટેક્સ્ટના ઇનલાઇન વિસ્તારોની શૈલીનો ઉપયોગ કરે છે. મૂળભૂત રીતે, તેઓ તેને ઘટકની જેમ ઉપયોગ કરે છે આ સરસ છે કારણ કે ટૅગ્સ ખૂબ જ ટૂંકા છે, પરંતુ આ રીતે આ ઘટકોનો ઉપયોગ સામાન્ય રીતે આગ્રહણીય નથી. હું તેનો ઉલ્લેખ કરું છું જો તમે તેને કેટલીક સાઇટ્સ પર જોશો જેનો ઉપયોગ બોલ્ડ અથવા ત્રાંસા લખાણ બનાવવા માટે થતો નથી, પરંતુ કોઈ અન્ય પ્રકારની દ્રશ્ય સ્ટાઇલ માટે સી.એસ.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 12/2/16 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત