కోసం HTML5 హోల్డర్ లింకులు ఏమిటి?
idUp వరకు HTML5 వరకు, ఒక ట్యాగ్కు ఒక గుణం అవసరం: href. కానీ HTML5 ఆ లక్షణాన్ని ఐచ్ఛికంగా చేస్తుంది. మీరు ఎటువంటి లక్షణాలను లేకుండా ట్యాగ్ వ్రాసినప్పుడు ఇది ప్లేస్హోల్డర్ లింక్ అంటారు.
ఒక ప్లేస్హోల్డర్ లింక్ ఇలా కనిపిస్తుంది:
మునుపటిఅభివృద్ధి సమయంలో హోల్డర్ లింకులు ఉపయోగించి
దాదాపు ప్రతి వెబ్ డిజైనర్ ఒక వెబ్సైట్ రూపకల్పన మరియు నిర్మాణం అయితే ఒక సమయంలో లేదా మరొక వద్ద ప్లేస్హోల్డర్ లింకులు సృష్టించింది. HTML5 కి ముందు, మనము వ్రాస్తాము:
లింక్ టెక్స్ట్ప్లేస్హోల్డర్గా. మరియు క్లయింట్లకు క్లయింట్లు క్లయింట్లు పంపించాను ఎందుకంటే క్లయింట్ నన్ను ఎందుకు ప్రశ్నించాలో "ఎందుకు టెక్స్ట్ పనిలో లింకులు లేదు?"
హాష్ ట్యాగ్ను (#) ఉపయోగించి హోల్డర్ లింక్గా ఉన్న సమస్య లింక్ క్లిక్ చేయదగినది మరియు ఇది మీ ఖాతాదారులకు గందరగోళం కలిగించగలదు. మరియు సరైన URL లతో ఎవరైనా వాటిని అప్డేట్ చేసినట్లయితే, ఆ లింక్ లు లైవ్ సైట్లో విరిగినట్లు కనిపిస్తాయి ఎందుకంటే అవి ఏదైనా లింక్ చేయవు.
బదులుగా, మీరు ఏ లక్షణాలను లేకుండా ట్యాగ్లను ఉపయోగించడం ప్రారంభించాలి. మీరు ఈ పేజీలో ఏ ఇతర లింక్ లాగా శైలిని చెయ్యవచ్చు, కానీ వారు కేవలం placeholders కనుక వారు క్లిక్ చేయలేరు.
లైవ్ సైట్లు న హోల్డర్ లింకులు ఉపయోగించి
కానీ హోల్డర్ లింకులు కేవలం అభివృద్ధి కంటే ఎక్కువ వెబ్ డిజైన్ లో చోటు. ఒక ప్లేస్హోల్డర్ లింక్ ప్రకాశిస్తుంది ఒక ప్రదేశం నావిగేషన్ లో ఉంది. అనేక సందర్భాల్లో, వెబ్సైట్ పేజీకి సంబంధించిన లింకులు జాబితాలు మీరు ఏ పేజీని సూచించాలో కొంత మార్గాన్ని కలిగి ఉంటాయి. వీటిని తరచూ "మీరు ఇక్కడ ఉన్నారు" సూచికలు అంటారు.
చాలా సైట్లు "మీరు ఇక్కడ ఉన్నారు" మార్కర్ అవసరమైన మూలకం మీద id లక్షణాలను కలిగి ఉంటాయి, కానీ కొందరు క్లాస్ లక్షణాన్ని అలాగే ఉపయోగిస్తారు. ఏదేమైనా, మీరు ఏ లక్షణాన్ని ఉపయోగిస్తారో, మీరు దానిలోని పేజీకి సంబంధించిన లింకులు కలిగి ఉన్న ప్రతి పేజీకి ఒక సమూహాన్ని చేయవలసి ఉంటుంది, సరైన అంశాల నుండి లక్షణాన్ని జోడించడం మరియు తొలగించడం.
ఒక ప్లేస్హోల్డర్ లింక్తో, మీరు నావిగేషన్ను వ్రాయవచ్చు, అయితే మీరు కావాలనుకుంటే, పేజీకి సంబంధించిన లింకులు జోడించినప్పుడు సరైన లింక్ నుండి href లక్షణాన్ని తొలగించండి. నేను నా పూర్తి నావిగేషన్ జాబితాను నా ఎడిటర్లో స్నిప్పెట్గా నిల్వ చేస్తాను, కనుక ఇది కేవలం కాపీని అతికించండి, ఆపై దానిని తొలగించండి. ఇదే పనిని మీ CMS ను కూడా పొందవచ్చు.
మరియు ఒక హోల్డర్ లింకుకు ప్రత్యేక స్టైలింగ్ (నేను ఎలా క్రింద చూపించాలో) జోడించడంతో పాటు, లింక్ క్లిక్ చేయదగినది కాదు. కాబట్టి వారు ప్రస్తుతం వారు ఎక్కడ నావిగేషన్ లింక్పై క్లిక్ చేస్తే వారు వేరొకరికి లభిస్తారని వినియోగదారులు గందరగోళంగా ఆలోచిస్తారు.
హోల్డర్ లింకులు స్టైలింగ్
హోల్డర్ లింకులు మీ వెబ్ పేజీలో ఇతర లింకులు నుండి భిన్నంగా శైలి మరియు శైలి సులభంగా ఉంటాయి. కేవలం ట్యాగ్ మరియు ఒక: లింక్ ట్యాగ్ రెండు శైలి ఖచ్చితంగా. ఉదాహరణకి:
ఒక {రంగు: ఎరుపు రంగు; ఫాంట్-బరువు: బోల్డ్; టెక్స్ట్ అలంకరణ: none; } a: లింక్ {color: blue; font-weight: normal; టెక్స్ట్ అలంకరణ: అండర్లైన్; }ఈ CSS ఎటువంటి అండర్లైన్ లేకుండా హోల్డర్ లింక్లను బోల్డ్ మరియు ఎరుపు చేస్తుంది. సాధారణ లింకులు సాధారణ బరువు ఉంటుంది, నీలం మరియు అండర్లైన్.
మీరు ట్యాగ్ నుండి తీసుకోవాలనుకుంటున్న ఏ శైలులను రీసెట్ చేయడానికి గుర్తుంచుకోండి. ఉదాహరణకు, నేను ఫాంట్-బరువును హోల్డర్ లింక్ల కోసం ధైర్యంగా సెట్ చేసాను, కనుక దాన్ని దీనికి సెట్ చేయాలి:
font-weight: normal;ప్రామాణిక లింకులు కోసం. టెక్స్ట్ సెలెబ్రేషన్తో ఇది నిజం, సెలెక్టర్తో దాన్ని తీసివేయడం ద్వారా, దాన్ని తిరిగి ఉంచకపోతే అది ఒక: లింక్ సెలెక్టర్ కోసం తీసివేయబడాలి.