సార్లు కావచ్చు, మీరు వెబ్ పుటల అభివృద్ధిలో పని చేస్తున్నప్పుడు, మీరు ఒక కారణం లేదా మరొక విషయాల కోసం ప్రత్యేక అంశాలని "దాచడానికి" మీరు HTML మార్కప్ నుండి ప్రశ్నలలో అంశం (లు) ను తీసివేయవచ్చు, కాని మీరు వాటిని కోడ్లో ఉండాలని కోరుకుంటే, ఏ కారణం అయినా బ్రౌజర్ స్క్రీన్ను ప్రదర్శించకూడదు (మరియు మేము దీనిని త్వరలోనే చేయండి). మీ HTML లో ఒక మూలకం ఉంచడానికి, కానీ ప్రదర్శన కోసం దాచడానికి, మీరు CSS కు తిరగండి.
HTML లో ఒక మూలకం దాచడానికి రెండు సాధారణ మార్గాలు "ప్రదర్శన" లేదా "దృశ్యమానత" కోసం CSS లక్షణాలను ఉపయోగిస్తాయి. మొదటి చూపులో, ఈ రెండు లక్షణాలు ఎక్కువగా ఒకే పనిని కనబరచవచ్చు, అయితే ప్రతి ఒక్కటి మీరు తెలుసుకోవలసిన విభేదాలను కలిగి ఉంటాయి. ప్రదర్శనల మధ్య ఉన్న తేడాలను పరిశీలించండి: ఏదీ మరియు ప్రత్యక్షత: దాచబడింది.
దృష్టి గోచరత
ప్రత్యక్షత యొక్క CSS ఆస్తి / విలువ జత ఉపయోగించి: దాచిన దాచు బ్రౌజర్ నుండి ఒక మూలకం. అయితే, దాచిన మూలకం ఇప్పటికీ లేఅవుట్లో ఖాళీని తీసుకుంటుంది. మీరు ప్రాథమికంగా మూలకం అదృశ్యంగా చేసినట్లుగా ఇది ఉంది, కానీ ఇది ఇప్పటికీ స్థానంలో ఉంది మరియు ఇది ఒంటరిగా మిగిలిందని అది తీసుకున్న స్థలాన్ని తీసుకుంటుంది.
మీరు మీ పేజీలో ఒక DIV ను ఉంచి, 100x100 పిక్సెల్స్ తీసుకోవడానికి కొలతలు ఇవ్వడానికి CSS ను ఉపయోగిస్తే, ప్రత్యక్షత: దాచిన ఆస్తి DIV తెరపై చూపబడదు, కానీ దాని తర్వాత వచనం అది ఇప్పటికీ ఉన్నట్లు వ్యవహరిస్తుంది, 100x100 అంతరం.
నిజాయితీగా, దృశ్యమానత ఆస్తి మేము చాలా తరచుగా ఉపయోగించినది కాదు, మరియు ఖచ్చితంగా దాని స్వంత కాదు. మనం కూడా ఒక నిర్దిష్ట అంశానికి కావలసిన లేఅవుట్ను సాధించడానికి స్థానాలు వంటి ఇతర CSS లక్షణాలను ఉపయోగిస్తుంటే, అప్పుడు ఆ అంశాన్ని మొదట్లో దాచి ఉంచడానికి దృశ్యమానతను ఉపయోగించవచ్చు, హోవర్లో దాన్ని తిరిగి "మలుపు" మాత్రమే. ఈ ఆస్తి యొక్క ఒక సాధ్యం ఉపయోగం, కానీ మళ్ళీ, మేము ఏ ఫ్రీక్వెన్సీ తో మలుపు ఏదో కాదు.
ప్రదర్శన
దృశ్యమాన లక్షణం కాకుండా, ఇది సాధారణ డాక్యుమెంట్ ప్రవాహంలో ఒక మూలకాన్ని వదిలివేస్తుంది, ప్రదర్శన: ఎవరూ డాక్యుమెంట్ నుండి పూర్తిగా మూలకాన్ని తొలగిస్తుంది. దాని కోసం HTML ఇప్పటికీ సోర్స్ కోడ్లో ఉన్నప్పటికీ, ఇది ఖాళీని ఏదీ చేపట్టదు. ఇది ఎందుకంటే, నిజానికి, డాక్యుమెంట్ ప్రవాహం నుండి తొలగించబడింది. అన్ని లక్ష్యాలు మరియు ప్రయోజనాల కోసం, అంశం పోయింది. ఇది మీ ఉద్దేశాలను ఏది బట్టి మంచి విషయంగా లేదా చెడు విషయంగా ఉంటుంది. మీరు ఈ ఆస్తిని దుర్వినియోగం చేస్తే అది మీ పేజీకి దెబ్బతింటుంది!
పేజీని పరీక్షించేటప్పుడు మేము తరచూ "ప్రదర్శన: none" ను ఉపయోగిస్తాము. ఒకవేళ కొంత సమయం కోసం "దూరంగా ఉండటానికి" మాకు ఒక ప్రాంతం అవసరమైతే తద్వారా మేము పేజీ యొక్క ఇతర ప్రాంతాలను పరీక్షించగలము, ప్రదర్శనను ఉపయోగించవచ్చు: దాని కొరకు ఏదీ కాదు. అయినప్పటికీ, గుర్తుంచుకోవలసిన విషయం ఏమిటంటే, ఆ సైట్ యొక్క వాస్తవ ప్రయోగానికి ముందు మూలకం తిరిగి పేజీకి వెనక్కి తీసుకోవాలి. ఇది ఎందుకంటే ఈ పద్ధతిలోని డాక్యుమెంట్ ప్రవాహం నుండి తీసిన ఒక అంశం శోధన ఇంజిన్లు లేదా స్క్రీన్ రీడర్లు చూడకుంటే, ఇది HTML మార్కప్లో ఉండవచ్చు. గతంలో, ఈ పద్ధతి శోధన ఇంజిన్ ర్యాంక్లను ప్రభావితం చేయడానికి ప్రయత్నించడానికి ఒక నల్ల-టోపీ పద్ధతిగా ఉపయోగించబడింది, అందువల్ల ప్రదర్శించబడని అంశాలు ఆ విధానం ఎందుకు ఉపయోగించబడుతుందో గూగుల్ కోసం ఎరుపు జెండాగా ఉండవచ్చు.
మేము ప్రదర్శించడాన్ని ఒక మార్గం: ఉపయోగకరమైనది ఏదీ కాదు, మరియు ప్రత్యక్షంగా, ఉత్పత్తి వెబ్ సైట్లలో మనం ఎక్కడ ఉపయోగించాలో, మేము ఒక ప్రతిస్పందించే సైట్ని తయారు చేస్తున్నప్పుడు, ఒక డిస్ప్లే పరిమాణానికి అందుబాటులో ఉన్న మూలకాలు ఉండవచ్చు కానీ ఇతరుల కోసం కాదు. మీరు డిస్ప్లేను ఉపయోగించవచ్చు: ఆ మూలకాన్ని దాచడానికి ఎవరూ లేరు మరియు తరువాత మీడియా ప్రశ్నలతో దీన్ని తిరిగి ప్రారంభించండి. ఇది డిస్ప్లే యొక్క ఆమోదయోగ్యమైన ఉపయోగం: ఏదీ లేదు, ఎందుకంటే మీరు కోపంగా ఉన్న కారణాల కోసం ఏదైనా దాచడానికి ప్రయత్నించడం లేదు, కానీ అలా చేయడానికి చట్టబద్ధమైన అవసరం ఉంది.
జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చేత 3/3/17 న సవరించబడింది