ટેક્સ્ટ લિંક્સ અને મુદ્દાઓની નીચે લીટીને દૂર કરવાનાં પગલાંઓ
ડિફૉલ્ટ રૂપે, અથવા "anchor" ઘટકનો ઉપયોગ કરીને HTML સાથે કડી થયેલ ટેક્સ્ટ સામગ્રી નીચે લીટી સાથે રીતની છે. વારંવાર, વેબ ડિઝાઇનરો નીચે લીટીને દૂર કરીને આ ડિફૉલ્ટ શૈલીને દૂર કરવાનું પસંદ કરે છે.
ઘણા ડિઝાઇનરો નીચે લીટીવાળા ટેક્સ્ટની કાળજી લેતા નથી, ખાસ કરીને ઘણાં બધાં લિંક્સ સાથે સામગ્રીના ગાઢ બ્લોક્સમાં. તે બધા રેખાંકિત શબ્દો ખરેખર દસ્તાવેજના વાંચનના પ્રવાહને તોડી શકે છે. ઘણા લોકોએ એવી દલીલ કરી છે કે, તે નીચે લીટીના આધારે કુદરતી અક્ષરોના સ્વરૂપમાં પરિવર્તન લાવે છે તેવું કારણથી તે ખરેખર શબ્દોને વધુ મુશ્કેલ બનાવવા અને ઝડપથી વાંચવા માટે સખત બનાવે છે.
આ લિંક્સ ટેક્સ્ટ લિંક્સ પર જાળવી રાખવા માટેના કાયદેસર લાભો છે, જોકે ઉદાહરણ તરીકે, જ્યારે તમે ટેક્સ્ટના મોટા બ્લોક્સ દ્વારા બ્રાઉઝ કરો છો, ત્યારે યોગ્ય રંગ વિપરીત સાથેના રેખાંકિત લિંક્સ વાચકોને તરત જ એક પૃષ્ઠને સ્કેન કરવા અને લિંક્સ ક્યાં છે તે જોવાનું સરળ બનાવે છે. જો તમે વેબ ડીઝાઇન લેખો અહીં જુઓ છો, તો આ સાઇટ પરના અન્ય લેખો, તમે નીચે લીટીવાળા લિંક્સની આ સ્ટાઇલને જોશો.
જો તમે ટેક્સ્ટની લિંક્સને દૂર કરવાનો નિર્ણય લો છો (એક સરળ પ્રક્રિયાની જે અમે ટૂંક સમયમાં આવરીશું), શૈલીની રીત શોધવાની ખાતરી કરો કે જે ટેક્સ્ટ હજુ પણ કેવી રીતે સાદા ટેક્સ્ટ છે તેની લિંકને અલગ પાડે છે. આ મોટે ભાગે તે ઉપરોક્ત રંગ વિપરીત સાથે કરવામાં આવે છે, પરંતુ એકલા રંગથી મુલાકાતીઓ માટે રંગ અંધત્વ જેવા દૃષ્ટિની વિકલાંગતા સાથે સમસ્યા ઊભી થઈ શકે છે. રંગ અંધત્વના તેમના ચોક્કસ સ્વરૂપ પર આધાર રાખીને, તેનાથી વિપરીત તદ્દન તેમના પર હારી જઇ શકે છે, તેમને લિંક કરેલ અને બિન-સંકળાયેલ ટેક્સ્ટ વચ્ચેનો તફાવત જોવાથી અટકાવી શકે છે. એટલા માટે રેખાંકિત ટેક્સ્ટ હજી પણ લિંક્સને બતાવવા માટેની શ્રેષ્ઠ રીત તરીકે ગણવામાં આવે છે.
જો તમે હજુ પણ આવું કરવા માગો છો તો તમે કેવી રીતે એક અંડરલાઈન બંધ કરો છો? આ દ્રશ્ય લાક્ષણિકતા હોવાથી આપણે તેની સાથે સંકળાયેલા છીએ, અમે અમારી વેબસાઈટના ભાગ તરફ જઈશું જે દ્રશ્યની તમામ બાબતોને સંભાળશે - CSS
લિંક્સ પર અન્ડરલાઇન્સને બંધ કરવા માટે કેસ્કેડીંગ સ્ટાઇલ શીટ્સનો ઉપયોગ કરો
મોટા ભાગના કિસ્સાઓમાં, તમે માત્ર એક લખાણ લિંક્સ પર નીચે લીટી ચાલુ નહી જોઈ રહ્યા છો. તેના બદલે, તમારી ડિઝાઇન શૈલીને સંભવિત રૂપે બધી લિંક્સમાંથી નીચે લીટીઓ દૂર કરવાની જરૂર છે. તમે તમારી બાહ્ય સ્ટાઇલ શીટમાં શૈલીઓ ઉમેરીને આવું કરશો.
એક {text-decoration: none; }બસ આ જ! CSS ની એક સરળ રેખા, તમામ લિંક્સ પર નીચે લીટી (જે વાસ્તવમાં "ટેક્સ્ટ-શણગાર" માટે સીએસએસ ગુણધર્મનો ઉપયોગ કરે છે) બંધ કરશે.
તમે આ શૈલી સાથે વધુ ચોક્કસ પણ મેળવી શકો છો. હમણાં પૂરતું, જો તમે ફક્ત "એનએવી" ઘટકની અંતર્ગત અથવા લિંક્સને બંધ કરવા માગો છો, તો તમે લખી શકો છો:
એનએવી (text-decoration: none; }હવે, પૃષ્ઠ પરની ટેક્સ્ટ લિંક્સને ડિફૉલ્ટ રેખાંકિત મળી જશે, પરંતુ એનએવીમાં તેને દૂર કરવું પડશે.
એક વસ્તુ જે ઘણા વેબ ડિઝાઇનર્સ ટેક્સ્ટ પર ઉઠે ત્યારે લિંકને "ઓન" પર પાછા લાવવાનું પસંદ કરે છે. આનો ઉપયોગ સી.એસ.એસ. સ્યુડો-ક્લાસ હોવરની જેમ થશે:
એક {text-decoration: none; } a: હોવર (ટેક્સ્ટ-શણગાર: રેખાંકિત; }ઇનલાઇન સીએસએસનો ઉપયોગ કરવો
બાહ્ય સ્ટાઈલશીટમાં ફેરફારો કરવાના વિકલ્પ તરીકે, તમે એચટીએમએલમાં સીધી તત્વોને સીધા જ ઉમેરી શકો છો, આ રીતે:
આ લિંકને કોઈ રેખાંકિત નથીઆ પદ્ધતિની સમસ્યા એ છે કે તે તમારા HTML માળખામાં શૈલીની માહિતી આપે છે, જે શ્રેષ્ઠ પ્રથા નથી. પ્રકાર (CSS) અને માળખા (HTML) અલગ રાખવી જોઈએ.
જો તમે ઇચ્છતા હોવ કે કોઈ સાઇટની ટેક્સ્ટ લિંક્સને નીચે લીટી દોરવામાં આવે, તો વ્યક્તિગત ધોરણે પ્રત્યેક લિંક્સને આ શૈલીની માહિતી ઉમેરીને તમારા સાઈટના કોડમાં વધારાની માર્કઅપ ઉમેરવામાં આવશે. આ પૃષ્ઠનું ફૂલવું સાઇટના લોડ સમયને ધીમું કરી શકે છે અને સમગ્ર પૃષ્ઠ મેનેજમેન્ટને વધુ પડકારરૂપ બનાવે છે. આ કારણોસર, તમામ પૃષ્ઠ સ્ટાઇલ જરૂરિયાતો માટે હંમેશા બાહ્ય સ્ટાઇલ શીટ તરફ વળવું પ્રાધાન્યવાળું છે.
બંધ માં
વેબ પૃષ્ઠના ટેક્સ્ટ લિંક્સમાંથી નીચે લીટીને દૂર કરવી તેટલું સરળ છે, તમારે આમ કરવાથી પરિણામ વિશે પણ ધ્યાન આપવું જોઈએ. જ્યારે તે ખરેખર કોઈ પૃષ્ઠનું દેખાવ સાફ કરી શકે છે, તે એકંદર ઉપયોગીતાના ખર્ચે આમ કરી શકે છે. આગલી વખતે જ્યારે તમે પૃષ્ઠના "ટેક્સ્ટ-શણગાર" ગુણધર્મોને બદલવાનો વિચાર કરો ત્યારે આને ધ્યાનમાં લો.
જેનિફર કિનાન દ્વારા મૂળ લેખ. જેરેમી ગિરાર્ડ દ્વારા 9/19/16 ના રોજ સંપાદિત