માટે HTML5 પ્લેસહોલ્ડર લિંક્સ શું છે?
HTML5 સુધી idUp, ટેગમાં એક લક્ષણ જરૂરી છે: href. પરંતુ HTML5 તે લક્ષણને વૈકલ્પિક બનાવે છે. જ્યારે તમે કોઇપણ વિશેષતાઓ વગર ટેગને લખો છો ત્યારે તેને પ્લેસહોલ્ડર લિંક કહેવામાં આવે છે.
એક પ્લેસહોલ્ડર લિંક આના જેવી દેખાય છે:
ગતવિકાસ દરમિયાન પ્લેસહોલ્ડર લિંક્સનો ઉપયોગ કરવો
વેબસાઈટ ડિઝાઇન અને મકાન કરતી વખતે લગભગ દરેક વેબ ડિઝાઈનરએ એક સમયે કે અન્ય સમયે પ્લેસહોલ્ડર લિંક્સ બનાવ્યા છે. HTML5 પહેલાં, આપણે લખીએ છીએ:
લિંક ટેક્સ્ટપ્લેસહોલ્ડર તરીકે અને મેં મોકલો સાઇટ્સને ફક્ત તે જગ્યાપકો સાથે ક્લાયન્ટ પાસે મોકલાવ્યા છે કે "ટેક્સ્ટમાં લિંક્સ શા માટે નથી?"
હેશટેગ (#) ને પ્લેસહોલ્ડર લિંક તરીકે ઉપયોગમાં લેવાની સમસ્યા એ છે કે લિંક ક્લિક કરી શકાય તેવી છે, અને આ તમારા ગ્રાહકો માટે મૂંઝવણ ઊભી કરી શકે છે. અને, જો કોઈ તેમને યોગ્ય URL સાથે અપડેટ કરવાનું ભૂલી જાય છે, તો તે લિંક્સ લાઇવ સાઇટ પર તૂટી પડી શકે છે કારણ કે તે કાંઇ લિંક નથી કરતા.
તેના બદલે, તમારે કોઈ વિશેષતાઓ વગર ટૅગ્સનો ઉપયોગ કરવો જોઈએ. તમે આને તમારા પૃષ્ઠ પરની કોઈપણ અન્ય લિંકની જેમ જોવા માટે શૈલીમાં મૂકી શકો છો, પરંતુ તેઓ ક્લિક કરવાયોગ્ય હશે નહીં કારણ કે તે ફક્ત જગ્યામાં છે.
લાઇવ સાઇટ્સ પર પ્લેસહોલ્ડર લિંક્સનો ઉપયોગ કરવો
પરંતુ પ્લેસહોલ્ડર લિંક્સ વેબ ડેવલપમેન્ટમાં માત્ર વિકાસ કરતાં વધુ માટે સ્થાન ધરાવે છે. એક સ્થાન કે જે પ્લેસહોલ્ડર લિંક ચમકવું શકે છે નેવિગેશનમાં છે. ઘણા કિસ્સાઓમાં, વેબસાઇટ નેવિગેશનની સૂચિમાં તમે કયા પૃષ્ઠ પર છો તે દર્શાવવાની કેટલીક રીત છે આને ઘણી વખત "તમે અહીં છો" સંકેતો કહેવામાં આવે છે
મોટાભાગની સાઇટ્સ એલિમેન્ટ પરના આઇડી એટ્રીબ્યૂટ્સ પર આધાર રાખે છે કે જેને "તમે અહીં છો" માર્કરની જરૂર છે, પરંતુ કેટલાક ક્લાસ એટ્રીબ્યુટ પણ ઉપયોગ કરે છે. જો કે, તમે ઉપયોગમાં લેવાયેલી કોઈપણ વિશેષતા, તમારે દરેક પૃષ્ઠ પર કામ કરવાની એક ટોળું કરવાની જરૂર છે જે તેના પર નેવિગેશન ધરાવે છે, યોગ્ય ઘટકોથી વિશેષતા ઉમેરવા અને દૂર કરી રહ્યું છે.
પ્લેસહોલ્ડર લિંક સાથે, તમે તમારા નેવિગેશનને તમે ગમે તે રીતે લખી શકો છો, અને પછી જ્યારે તમે કોઈ પેજ પર નેવિગેશન ઉમેરશો તો યોગ્ય લિંકમાંથી ફક્ત href એટ્રિએટ દૂર કરો. હું મારા સંપાદકમાં એક સ્નિપેટ તરીકે મારી સંપૂર્ણ નેવિગેશન સૂચિને સંગ્રહિત કરું છું, તેથી તે માત્ર એક ઝડપી કૉપિ-પેસ્ટ છે અને પછી href ને કાઢો. તમે એ જ વસ્તુ કરવા માટે તમારા CMS પણ મેળવી શકો છો
અને પ્લેસહોલ્ડર લિંક પર સ્પેશિયલ સ્ટાઇલ ઉમેરવા ઉપરાંત (હું તમને બતાવીશ), લિંક ક્લિક કરી શકાતી નથી. તેથી ગ્રાહકો વિચારે છે કે તેઓ જો તેઓ નેવિગેશન લિંક પર ક્લિક કરે છે, જ્યાં તેઓ હાલમાં છે તો તેઓ કંઈક બીજું મેળવી શકે છે તે ગુંચવાયા નથી.
સ્ટાઇલ પ્લેસહોલ્ડર લિંક્સ
તમારા વેબ પૃષ્ઠ પર અન્ય લિંક્સથી પ્લેસહોલ્ડર લિંક્સ શૈલી અને શૈલીમાં સરળ છે. ફક્ત એક ટેગ અને એ: લિંક ટૅગ બંને શૈલીની ખાતરી કરો. દાખ્લા તરીકે:
એક {રંગ: લાલ; ફોન્ટ વજન: બોલ્ડ; ટેક્સ્ટ-શણગાર: કોઈ નહીં; } a: લિંક {color: blue; ફોન્ટ વજન: સામાન્ય; ટેક્સ્ટ-શણગાર: રેખાંકિત; }આ સીએસએસ પ્લેસહોલ્ડર લિંક્સ બોલ્ડ અને લાલ કરશે, કોઈ રેખાંકિત નહીં. જ્યારે નિયમિત કડીઓ સામાન્ય વજન, વાદળી અને અધોરેખિત હશે.
કોઈ પણ શૈલીને રીસેટ કરવાનું યાદ રાખો કે જેને તમે ટૅગમાંથી લેવા માંગતા નથી. ઉદાહરણ તરીકે, મેં પ્લેસહોલ્ડર લિંક્સ માટે ફોન્ટ વજનને બોલ્ડ તરીકે સેટ કર્યું છે, તેથી મને તેને આમાં સેટ કરવું પડ્યું હતું:
ફોન્ટ વજન: સામાન્ય;પ્રમાણભૂત કડીઓ માટે ટેક્સ્ટ-શણગાર સાથે તે જ સાચું છે, તેને પસંદગીકાર સાથે દૂર કરીને, જો હું તેને પાછો મૂકી ન હોત તો તે લિંક પસંદગીકાર માટે દૂર કરવામાં આવ્યો હોત.