టెక్స్ట్ లింక్లు మరియు సమస్యల నుండి తెలుసుకోవటానికి అండర్లైన్ను తీసివేసే దశలు
డిఫాల్ట్గా, లేదా "యాంకర్" మూలకాన్ని ఉపయోగించి HTML కి లింక్ చేయబడిన వచన విషయం అండర్లైన్తో శైలిలో ఉంది. తరచుగా, వెబ్ డిజైనర్లు అండర్లైన్ తొలగించడం ద్వారా ఈ డిఫాల్ట్ స్టైలింగ్ తొలగించడానికి ఎంచుకోండి.
పలువురు డిజైనర్లు మార్క్ చేసిన టెక్స్ట్ యొక్క దృష్టికోణాన్ని శ్రద్ధ తీసుకోరు, ప్రత్యేకించి దట్టమైన బ్లాక్స్లో చాలా లింక్లు ఉన్నాయి. అంతా చెప్పబడిన పదాలన్నీ నిజంగా పత్రం యొక్క పఠన ప్రవాహాన్ని విచ్ఛిన్నం చేయగలవు. అనేకమంది వాదిస్తారు, వాస్తవానికి సహజంగా అక్షర రూపాలు మారిన మార్గాన్ని బట్టి గుర్తించటానికి మరియు చదివేందుకు పదాలను కష్టతరం చేస్తాయి.
అయినప్పటికీ టెక్స్ట్ లింక్లపై ఈ అంతర్లీనాలను నిలిపి ఉంచడానికి చట్టబద్ధమైన ప్రయోజనాలు ఉన్నాయి. ఉదాహరణకు, మీరు టెక్స్ట్ యొక్క పెద్ద బ్లాక్స్ ద్వారా బ్రౌజ్ చేసినప్పుడు, సరైన రంగు విరుద్ధంగా జతచేయబడిన లింక్ లను పాఠకులు వెంటనే పేజీని స్కాన్ చేసి, లింక్లు ఎక్కడ ఉన్నాయో చూడడానికి సులభతరం చేస్తాయి. మీరు ingcaba.tk, అలాగే సైట్ ఇతర వ్యాసాలు ఇక్కడ వెబ్ డిజైన్ కథనాలు చూస్తే, మీరు స్థానంలో మార్క్ లింకులు ఈ స్టైలింగ్ చూస్తారు.
మీరు టెక్స్ట్ నుండి లింకులను తీసివేయాలని నిర్ణయించుకుంటే (త్వరలోనే మేము కవర్ చేస్తాం ఒక సాధారణ ప్రక్రియ), సాదా వచనం నుండి ఏ లింక్ను ఇప్పటికీ వేరుగా ఉంచుకునే శైలికి మార్గాలు కనుగొనేందుకు ఖచ్చితంగా ఉండండి. ఇది తరచుగా పైన పేర్కొన్న రంగు విరుద్ధంగా జరుగుతుంది, అయితే రంగు వర్ణాంధత్వం వంటి దృశ్యమాన వైకల్యాలతో సందర్శకులకు మాత్రమే రంగును కలిగిస్తుంది. ప్రత్యేకమైన వర్ణాంధత్వాన్ని బట్టి, విరుద్ధంగా వాటిని పూర్తిగా కోల్పోవచ్చు, అవి లింక్ మరియు నాన్-లింక్ చేయని వచనం మధ్య వ్యత్యాసాన్ని చూడకుండా అడ్డుకుంటాయి. అంతేకాక క్రింది లింక్లు ఇప్పటికీ లింకులను చూపించడానికి ఉత్తమ మార్గంగా భావించబడుతున్నాయి.
మీరు ఇప్పటికీ అలా చేయాలనుకుంటే అండర్లైన్ను ఎలా నిలిపివేయాలి? ఇది ఒక దృశ్యమాన లక్షణం కాబట్టి మేము ఆందోళన చెందుతున్నాము, మన వెబ్సైట్ యొక్క భాగాన్ని చూపుతుంది - అన్ని విషయాలు దృశ్యమానమైనవి - CSS.
లింక్లపై అండర్లైన్స్ ఆఫ్ చెయ్యడానికి క్యాస్కేడింగ్ స్టైల్ షీట్స్ ఉపయోగించండి
చాలా సందర్భాల్లో, మీరు కేవలం ఒక టెక్స్ట్ లింక్లో అండర్లైన్ను ఆఫ్ చేయడాన్ని చూడటం లేదు. బదులుగా, మీ రూపకల్పన శైలికి మీరు అన్ని లింక్ల నుండి అండర్లైన్లను తొలగించాల్సిన అవసరం ఉంది.మీరు మీ బాహ్య శైలి షీట్కు శైలులను జోడించడం ద్వారా దీన్ని చేస్తారు.
ఒక {text-decoration: none; }అంతే! CSS యొక్క ఒక సరళమైన పంక్తి అండర్లైన్ (ఇది వాస్తవానికి "టెక్స్ట్-అలంకరణ" కోసం CSS ఆస్తిని ఉపయోగించుకుంటుంది) అన్ని లింక్లపై ఆపివేయబడుతుంది.
మీరు ఈ శైలిని మరింత ప్రత్యేకంగా పొందవచ్చు. ఉదాహరణకు, మీరు "nav" మూలకం యొక్క అండర్లైన్ లేదా లింక్ లను మాత్రమే ఆఫ్ చేయాలనుకుంటే, మీరు ఇలా వ్రాయవచ్చు:
nav a {text-decoration: none; }ఇప్పుడు, పేజీలోని టెక్స్ట్ లింక్లు డిఫాల్ట్ అండర్లైన్ను పొందుతాయి, కానీ నావిగేషన్లో ఉన్నవి అది తీసివేయబడతాయి.
అనేక వెబ్ డిజైనర్లు చేయడానికి ఒక విషయం టెక్స్ట్ మీద ఎవరైనా hovers ఉన్నప్పుడు "ఆన్" తిరిగి చెయ్యి ఉంది. ఈ ఉపయోగించి చేయబడుతుంది: హోవర్ CSS నకిలీ తరగతి, ఈ వంటి:
ఒక {text-decoration: none; } a: హోవర్ {text-decoration: underline; }ఇన్లైన్ CSS ను ఉపయోగించడం
బాహ్య స్టైల్షీట్కు మార్పులను చేయడానికి ప్రత్యామ్నాయంగా, మీరు ఈ విధంగా HTML లో మూలకాలకు నేరుగా శైలులను కూడా జోడించవచ్చు:
ఈ లింక్కి అండర్లైన్ లేదుఈ పద్ధతితో సమస్య అది మీ HTML నిర్మాణం లోపల శైలి సమాచారం ఉంచే ఉంది, ఇది ఉత్తమ సాధన కాదు. శైలి (CSS) మరియు నిర్మాణం (HTML) ప్రత్యేకంగా ఉంచాలి.
ఒక సైట్ యొక్క టెక్స్ట్ లింకులను అండర్లైన్ తొలగించాలని మీరు కోరుకుంటే, ప్రతి వ్యక్తికి ఈ లింక్ సమాచారాన్ని జోడించడం ద్వారా వ్యక్తిగత సైట్లో అదనపు మార్కప్ జోడించబడుతుందని అర్థం. ఈ పేజీ ఉబ్బు ఒక సైట్ యొక్క లోడ్ సమయం వేగాన్ని మరియు మొత్తం పేజీ నిర్వహణ మరింత సవాలు చేయవచ్చు. ఈ కారణాల వల్ల, అన్ని పేజీ స్టైలింగ్ అవసరాల కోసం ఎల్లప్పుడూ బాహ్య స్టైల్ షీట్కు మారడం ఉత్తమం.
ముగింపులో
ఒక వెబ్ పేజీ యొక్క టెక్స్ట్ లింకుల నుండి అండర్లైన్ను తొలగించడం సులభం, మీరు అలాంటి పరిణామాల గురించి జాగ్రత్త వహించాలి. అది నిజంగా ఒక పేజీ యొక్క రూపాన్ని శుభ్రపరుస్తుండగా, ఇది మొత్తం వినియోగం యొక్క వ్యయంతో అలా చేయవచ్చు. మీరు పేజీని "టెక్స్ట్-అలంకరణ" లక్షణాలను మార్చడాన్ని తదుపరిసారి పరిగణలోకి తీసుకోండి.
జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ 9/19/16 న సవరించబడింది