சில நேரங்களில், வலைப் பக்கங்களின் வளர்ச்சிக்கு நீங்கள் வேலை செய்யும் போது, ஒரு காரணத்திற்காக அல்லது மற்றொரு காரணத்திற்காக பொருட்களை குறிப்பிட்ட பகுதிகளில் "மறைக்க" வேண்டும். HTML மார்க்கப் இருந்து கேள்விகளில் உருப்படியை (களை) வெறுமனே நீக்கிவிடலாம், ஆனால் நீங்கள் குறியீட்டில் இருக்க விரும்பினால், எந்த காரணத்திற்காகவும் உலாவி திரையில் காண்பிக்கப்படாமல் (மற்றும் இதை விரைவில் செய்யுங்கள்). உங்கள் HTML இல் ஒரு உறுப்பு வைத்திருக்க, ஆனால் அதை காட்சிக்கு மறைக்க, நீங்கள் CSS க்கு திரும்ப வேண்டும்.
HTML இல் உள்ள ஒரு உறுப்பை மறைக்க இரண்டு பொதுவான வழிகள் "காட்சி" அல்லது "தன்மை" க்கான CSS பண்புகளை பயன்படுத்தி வருகின்றன. முதல் பார்வையில், இந்த இரண்டு பண்புகளும் ஒரே விஷயத்தைச் செய்யத் தோன்றலாம், ஆனால் அவை ஒவ்வொன்றும் விழிப்புடன் இருக்க வேண்டும். காட்சிக்கு இடையிலான வேறுபாடுகளை பாருங்கள்: யாரும் மற்றும் தெரிவுநிலை: மறைக்கப்பட்டுள்ளது.
தன்மை
தெரிவுநிலை CSS சொத்து / மதிப்பு ஜோடி பயன்படுத்தி: மறைக்கப்பட்ட உலாவி இருந்து ஒரு உறுப்பு மறைக்கும். இருப்பினும், அந்த மறைக்கப்பட்ட உறுப்பு இன்னும் அமைப்பை இடமாற்றுகிறது. நீங்கள் அடிப்படையில் மூலக்கூறின் கண்ணுக்குத் தெரியாததைப் போலவே இருக்கிறது, ஆனால் அது இன்னமும் இடமில்லாமல் போய்விட்டால், அதை தனியாக விட்டுவிட்டிருந்த இடத்தை எடுத்துக் கொள்கிறது.
நீங்கள் உங்கள் பக்கத்தில் ஒரு DIV வைக்க மற்றும் 100x100 பிக்சல்கள் எடுத்து பரிமாணங்களை கொடுக்க CSS பயன்படுத்தினால், தெரிவுநிலை: மறைக்கப்பட்ட சொத்து டிஐவி திரையில் காட்ட முடியாது, ஆனால் தொடர்ந்து அதை உரை அது போன்ற இன்னும் செயல்படும், 100x100 இடைவெளி.
நேர்மையாக, பார்வைத்திறன் சொத்து நாம் அடிக்கடி பயன்படுத்திய ஒன்று அல்ல, நிச்சயமாக அதன் சொந்ததல்ல. நாம் ஒரு குறிப்பிட்ட உறுப்புக்காக விரும்பிய அமைப்பை அடைவதற்கான நிலை போன்ற மற்ற CSS பண்புகளை பயன்படுத்துகிறோமென்றால், அதன் பின்னர் மீண்டும் அந்த உருப்படியை மறைக்க மட்டுமே தெரிந்து கொள்ள முடியும். இந்த சொத்து ஒரு சாத்தியமான பயன்பாடு, ஆனால் மீண்டும், நாம் எந்த அதிர்வெண் கொண்டு திரும்ப ஏதாவது இல்லை.
காட்சி
சாதாரண ஆவணம் ஓட்டத்தில் உள்ள ஒரு உறுப்பை விட்டுச்செல்லும் காட்சித் தன்மையைப் போலல்லாமல், காட்சி: எந்த ஆவணத்தையும் முழுமையாக நீக்க முடியாது. அதற்கான HTML மூல குறியீடு கூட இருந்தாலும், இது எந்த இடத்தையும் எடுக்கவில்லை. ஏனென்றால் அது உண்மையில் ஆவணம் ஓட்டத்திலிருந்து நீக்கப்பட்டது. அனைத்து நோக்கம் மற்றும் நோக்கங்களுக்காக, உருப்படி போய்விட்டது. இது உங்கள் விருப்பம் என்ன என்பதை பொறுத்து, ஒரு நல்ல விஷயம் அல்லது கெட்ட விஷயம். நீங்கள் இந்த சொத்து தவறாக இருந்தால் அது உங்கள் பக்கம் பாதிக்கப்படும்!
ஒரு பக்கத்தை சோதனை செய்யும் போது நாங்கள் பெரும்பாலும் "காட்சி: எதுவும் இல்லை" என்பதைப் பயன்படுத்துகிறோம். பக்கத்தின் மற்ற பகுதிகளை சோதிக்க நாம் ஒரு பகுதிக்கு "பின்தொடர்வதற்கு" ஒரு பகுதி தேவைப்பட்டால், நாங்கள் அதைப் பயன்படுத்தலாம்: அதற்கு ஏதுமில்லை. இருப்பினும், நினைவில் வைத்துக் கொள்ள வேண்டிய விஷயம் என்னவென்றால், அந்த தளத்தின் உண்மையான வெளியீட்டிற்கு முன் உறுப்பு மீண்டும் பக்கம் திரும்ப வேண்டும். HTML மார்க்அப் போதும், இந்த முறையிலான ஆவண ஓட்டத்திலிருந்து நீக்கப்படும் உருப்படி தேடுபொறிகள் அல்லது ஸ்கிரீன் ரீடர்ஸால் காணப்படவில்லை. கடந்த காலத்தில், இந்த முறை தேடல் இயந்திரத்தின் தரவரிசைகளை பாதிக்க முயற்சிக்க ஒரு கறுப்பு-தொப்பி முறையாகப் பயன்படுத்தப்பட்டது, எனவே காட்டப்படாத பொருட்கள் கூகிள் அணுகுமுறை பயன்படுத்தப்படுவதை ஏன் பார்க்க வேண்டும் என்பதற்காக ஒரு சிவப்பு கொடி இருக்கலாம்.
நாம் காண்பிக்கும் ஒரு வழி: எந்தவொரு பயன்பாட்டிற்கும் பயன்படுத்த முடியாது, மற்றும் அதை நேரடியாக, தயாரிப்பு வலைத்தளங்களில் பயன்படுத்துகிறோம், ஒரு காட்சி தளத்தை உருவாக்கும் போது, ஒரு காட்சி அளவுக்கு கிடைக்கக்கூடிய உறுப்புகள் இருக்கலாம், ஆனால் மற்றவர்களுக்காக அல்ல. நீங்கள் காட்சி பயன்படுத்த முடியும்: அந்த உறுப்பு மறைக்க யாரும் பின்னர் ஊடக கேள்விகளுடன் அதை திரும்ப திரும்ப. இது காட்சிக்கு ஏற்றுக்கொள்ளக்கூடிய ஒரு பயன்பாடாகும்: ஒன்றுமில்லை, ஏனென்றால் நீங்கள் குறைகூறும் காரணங்களுக்காக எதையும் மறைக்க முயற்சிக்கவில்லை, ஆனால் அவ்வாறு செய்ய ஒரு நியாயமான தேவை இருக்கிறது.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 3/3/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது