വെബ് പേജുകളുടെ വികസനത്തിൽ നിങ്ങൾ പ്രവർത്തിക്കുമ്പോൾ, ചില കാരണങ്ങളാൽ ചില പ്രത്യേക വസ്തുക്കളുടെ "മറയ്ക്കാൻ" നിങ്ങൾ ആവശ്യമായി വരും. HTML മാർക്കപ്പിൽ നിന്ന് നിങ്ങൾക്ക് ചോദ്യങ്ങളിൽ ഒരു ഇനം (ങ്ങൾ) നീക്കം ചെയ്യാനാവും, പക്ഷേ അവ കോഡിലായിരിക്കുമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, പക്ഷേ എന്ത് കാരണത്താലാണ് ബ്രൗസർ സ്ക്രീനിൽ ദൃശ്യമാകുന്നത് (അതല്ലെങ്കിൽ ഇത് ഉടൻ ചെയ്യുക). നിങ്ങളുടെ HTML ൽ ഒരു ഘടകത്തെ നിലനിർത്താൻ, പ്രദർശനത്തിനായി അത് മറയ്ക്കുക, നിങ്ങൾ CSS ലേക്ക് തിരിക്കും.
HTML ൽ ഉള്ള ഒരു ഘടകത്തെ മറയ്ക്കുന്നതിനുള്ള രണ്ട് സാധാരണ രീതികൾ "ഡിസ്പ്ലേ" അല്ലെങ്കിൽ "ദൃശ്യപരത" എന്നതിനായുള്ള CSS പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കും. ഒറ്റ നോട്ടത്തിൽ, ഈ രണ്ട് സ്വഭാവങ്ങളും ഒരേ കാര്യം തന്നെയാണെന്ന് തോന്നിയേക്കാം, എന്നാൽ അവയ്ക്ക് ഓരോരുത്തർക്കും വ്യത്യസ്തമായ വ്യത്യാസങ്ങൾ ഉണ്ടാകും. പ്രദർശനത്തിനിടയിലുള്ള വ്യത്യാസങ്ങൾ നോക്കാം: ഒന്നുമില്ല, ദൃശ്യപരത: മറച്ചിരിക്കുന്നു.
ദൃശ്യപരത
ദൃശ്യ രൂപം കാണുന്ന CSS വസ്തു / മൂല്യം ജോടി: ബ്രൌസറിൽ നിന്ന് ഒരു ഘടകത്തെ മറച്ചിരിക്കുന്നു. എന്നിരുന്നാലും, മറഞ്ഞിരിക്കുന്ന മൂലകം ഇപ്പോഴും ലേഔട്ടിലുള്ള സ്പെയ്സ് എടുക്കുന്നു. നിങ്ങൾ അടിസ്ഥാനപരമായി മൂലകദൃശ്യമാക്കിയിരിക്കുന്നതു പോലെയാണ് ഇത്, പക്ഷേ ഇപ്പോഴും അത് ഇപ്പോഴും നിലനിൽക്കുന്നു, അത് ഏറ്റെടുക്കുമായിരുന്നുവെങ്കിൽ, അത് ഒറ്റക്ക് മാത്രമായിരുന്നു.
നിങ്ങൾ നിങ്ങളുടെ പേജിൽ ഒരു DIV സ്ഥാപിക്കുകയും, 100x100 പിക്സൽ എടുക്കുന്നതിന് അതിനെ അളവുകൾ നൽകാൻ CSS ഉപയോഗിക്കുകയും ചെയ്താൽ, ദൃശ്യപരത: മറച്ച പ്രോപ്പർട്ടി DIV സ്ക്രീനിൽ കാണിക്കില്ല, എന്നാൽ തുടർന്നുവരുന്ന ടെക്സ്റ്റ് അത് ഇപ്പോഴും പ്രവർത്തിക്കും, 100x100 സ്പെയ്സിംഗ്.
സത്യസന്ധമായി, ദൃശ്യപരത സ്വത്തവകാശം വളരെ പതിവായി ഉപയോഗിക്കുന്ന ഒന്നല്ല, നിശ്ചയമായും സ്വന്തം കാര്യത്തിലല്ല. ഒരു പ്രത്യേക ഘടകത്തിനായി ഞങ്ങൾ ഉദ്ദേശിച്ച ലേഔട്ട് പോലുള്ള ലേഔട്ടുകളെ പോലുള്ള മറ്റ് CSS പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, ആദ്യം ആ ഇനം മറയ്ക്കാൻ ദൃശ്യപരത ഉപയോഗിക്കാം, ഹോവർ ചെയ്യുമ്പോൾ അത് വീണ്ടും "തിരിഞ്ഞ്" ചെയ്യുക. ഈ സ്വത്തിന്റെ ഒരു സാധ്യതയാണ് അത്, പക്ഷേ, വീണ്ടും, നാം ഏത് ആവർത്തിക്കാതിരിക്കലും അല്ല.
പ്രദർശനം
സാധാരണ ഡോക്യുമെന്റ് ഫ്ലോയിനിൽ ഒരു ഘടകത്തെ അവശേഷിക്കുന്ന ദൃശ്യപരത വസ്തുവകകളിൽ നിന്ന് വ്യത്യസ്തമായി, പ്രദർശിപ്പിക്കുക: പ്രമാണത്തിൽ നിന്നും പൂർണമായും നീക്കംചെയ്യുന്നില്ല. അതില്ലെങ്കിൽ അതിലെ എച്ച്ടിഎംഎൽ ഉറവിട കോഡിലാണെങ്കിലും, ഇത് ഒരു ഇടവും ഏറ്റെടുക്കുന്നില്ല. കാരണം, അത് യഥാർത്ഥത്തിൽ പ്രമാണത്തിന്റെ ഒഴുക്കിനെ നീക്കം ചെയ്യും. എല്ലാ ഉദ്ദേശ്യങ്ങൾക്കും ഉദ്ദേശ്യങ്ങൾക്കുമായി, ഇനം നഷ്ടപ്പെട്ടിരിക്കുന്നു. നിങ്ങളുടെ ഉദ്ദേശങ്ങൾ എന്താണെന്നതിനെ ആശ്രയിച്ച് ഒരു നല്ല കാര്യമോ മോശമോ കാര്യമോ ആകാം. നിങ്ങൾ ഈ പ്രോപ്പർട്ടി ദുരുപയോഗം ചെയ്താൽ അത് നിങ്ങളുടെ പേജിന്റെ ദോഷവും ആയിരിക്കാം!
ഒരു പേജ് പരീക്ഷിക്കുമ്പോൾ ഞങ്ങൾ പലപ്പോഴും "ഡിസ്പ്ലേ: ഒന്നുമില്ല" ഉപയോഗിക്കുന്നു. അല്പ സമയത്തേക്ക് "പോകേണ്ട" ഒരു പ്രദേശം ആവശ്യമുണ്ടെങ്കിൽ, ഞങ്ങൾ മറ്റ് പേജുകൾ പരിശോധിക്കാൻ കഴിയും, നമുക്ക് പ്രദർശനം ഉപയോഗിക്കാം: അതിന് ഒന്നുമില്ല. ഓർമിക്കേണ്ട കാര്യം, എന്നാൽ, ആ സൈറ്റിന്റെ യഥാർത്ഥ വിക്ഷേപണത്തിനു മുൻപ് മുമ്പുള്ള പേജിലേക്ക് മൂലകം മടക്കി നൽകേണ്ടതാണ്. ഇത് HTML മാപ്പപ്പിൽ അവശേഷിക്കുന്നുവെങ്കിലും, തിരയൽ രീതികളിൽ നിന്നോ സ്ക്രീൻ റീഡറുകളിലോ ഈ രീതിയിൽ നീക്കംചെയ്യപ്പെടുന്ന ഒരു ഇനം കാണുന്നില്ല. മുമ്പ്, ഈ രീതി തിരയൽ എഞ്ചിൻ റാങ്കിംഗുകളെ സ്വാധീനിക്കാൻ ശ്രമിക്കുന്ന ഒരു കറുത്ത-ഹീൻ രീതിയായി ഉപയോഗിക്കപ്പെട്ടു, അതിനാൽ പ്രദർശിപ്പിക്കാത്ത ഇനങ്ങൾ ആ സമീപനം ഉപയോഗിക്കുന്നത് എന്തുകൊണ്ടെന്ന് പരിശോധിക്കുന്നതിന് Google- ന് ഒരു ചുവന്ന പതാകമായിരിക്കാം.
ഒരു പ്രദർശന സൈറ്റിനായി ലഭ്യമായ ഘടകങ്ങൾ ഉണ്ടായിരിക്കാം പക്ഷെ മറ്റുള്ളവർക്ക് വേണ്ടിയുള്ള ഒരു പ്രതികരിക്കാൻ കഴിയാത്ത സൈറ്റാണ് ഞങ്ങൾ നിർമ്മിക്കുന്നത്. നിങ്ങൾക്ക് ഡിസ്പ്ലേ ഉപയോഗിക്കാം: ആ മൂലകം മറയ്ക്കാൻ പിന്നീട് ഒന്നും കൂടാതെ പിന്നീട് മീഡിയ ചോദ്യങ്ങൾ ഉപയോഗിച്ച് അത് ഓൺ ചെയ്യുക. ഇത് പ്രദർശനത്തിനുള്ള സ്വീകാര്യമായ ഒരു ഉപയോഗമാണ്: ഒന്നുമില്ല, കാരണം നിങ്ങൾ തെറ്റിദ്ധാരണകൾക്കായി ഒന്നും ഒളിച്ചുവയ്ക്കാൻ ശ്രമിക്കുന്നില്ലെങ്കിലും അത് നിയമപരമായി ആവശ്യമായിരിക്കുന്നു.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 3/3/17 ന്