Izmantojot īpašības CSS "display: none"

Cascading Style Sheets (CSS), ļauj jums organizēt izskatu un dizainu mājas lapā. Viens no visbiežāk izmanto īpašībām un tā vērtībām "display: none".

Īpašību noteikšana

Īpašums pati par sevi ir universāla un nosaka displeja dokumenta elementa tipu. Atkarībā no konkrētās vērtības izvēlētais lapas var apskatīt bloka daļu, lineāri, kā posteņu sarakstu, kas ir daļa no galda, un tā tālāk. D. Tādējādi, sakarā ar īpašuma "displejs", var mainīt bloka dokumentā veidu.

Attiecībā uz paketi "vērtību īpašuma display: none", tas ļauj jums, lai izdzēstu objektu vai bloku dokumenta. Tajā pašā vietā zem gabala lapas nav rezervēts, kas nozīmē, ka izkrīt no plūsmā. Visi elementi, kas ir ārpus "tālvadības", vienkārši neredzēju, un ignorēt izmēru un pozīciju vienību. Lai atgrieztos slēptās objekts, jums ir jāatsaucas uz dokumentu, izmantojot skriptus, kas vienkārši maina vērtību īpašumu uz vēlamo formātu. Kad tas notiek automātiski formatēt lapu ar jauno objektu uz tā.

Atšķirība starp rekvizītu "displejs" un "redzamību"

Neskatoties uz to, ka, kā rezultātā abu īpašību noslēpt preces no lietotāja, to darbības princips ir visai atšķirīgi. Kā jau minēts iepriekš, parametrs "display: none" noņem elementu no dokumenta. Bloks izkrīt no lapas, līdz ar to nenotiek tajā. Šajā gadījumā objekts joprojām HTML kodu.

Savukārt, īpašums "visibility: hidden" paslēpj elementu no lietotāja, bet nenoņem no dokumenta modeli. Tādējādi lapa ir rezervēta vieta šajā blokā. Tas nozīmē, ka dokumentu plūsma pieņems un apsvērt atrašanās vietu un lielumu elementa ar īpašumu "visibility: hidden" tieši tāpat, bez tā.

Šī atšķirība ir organizācija dokumenta struktūra šīs divas īpašības ļauj sasniegt vēlamo rezultātu pareizu lapā attēlot.

Izmantojot CSS - display: none

Interneta dokuments ir vairāki veidi, kā noteikt īpašības elementa. Pirmais display: none var tikt noteikti atsevišķā failā Cascading Style Sheets. Šī metode ir vismodernākās un labākais, jo tas ļauj jums veikt visus selektori, klases un to īpašības, atsevišķā dokumentā. Šāds modelis ļauj ātri atrast un mainīt lapas iestatījumus.

Dokumentā galvene

Otrais iemiesojums ir definēt stilu starp dokumenta nosaukumam stila tagus. Šīs metodes efektivitāte ir daudz mazāk. Ieteicams izmantot tikai ārkārtējos gadījumos, kā klātbūtnē lielu skaitu stilu salasāmība mājas lapas dizainers ievērojami pasliktinās. Un tas noved pie kļūdām un palēnināt procesu izstrādāt tīmekļa dokumentu. Šī pieeja ir ieteicama tikai gadījumā pievienojot tagu nelielu skaitu stilu vai atkļūdošanas instruments.

Paturiet prātā, ka, ja šādā veidā organizēt stili dokumentā ir mazāka nekā atsevišķu stila lapas importa, pārklātie īpašumi tiks pārrakstīti ar tiem, kas ir organismā dokumenta html.

Bloķēt div. Displejs: nav

Vēl viens veids ir pievienot tieši tag "style = display: none;" code elements. Šī pieeja ir bieži izmanto, strādājot ar dažādām sistēmām, kuras mērķis - samazināt vairākas funkcijas tieši stilu un parādīt tos tīmekļa dokumentu. Turklāt šāds ieraksts ir bieži, skatoties "kods inspektoriem" lapas. Ir svarīgi atcerēties, ka, izmantojot šo pieeju, jūs varat mainīt īpašumu un vērtību to nosaka stilu. Tātad jums ir jābūt uzmanīgiem, kā rezultātā, jūs varat izveidot papildu problēmas sev un pavadīt kādu laiku meklējot un nosakot kļūdas lapas kodu.

JavaScript

Ir arī vērts pieminēt iespēju turpmākām izmaiņām šajā īpašumā. Tas vairs attiecas uz stilu un html kodu un skriptu valodu. Tāpēc, lai tas tiek piemērots, ir nepieciešams, lai būtu vismaz dažas zināšanas šajā jomā. Lai noņemtu šo elementu no dokumentu plūsmas, varat izmantot īpašumu JavaScript "display = none". Tas ļauj jums mainīt struktūru dokumenta, kad noteikta notikums. Arī izmantojot skriptus dinamiski ( "par fly"), lai mainītu parametru īpašības un tādējādi atsvaidzināt skatu lapas bez pārlādēt. Šī pieeja ir noderīga, organizējot nolaižamās izvēlnes, modālus logi un formas.

SEO

Šajā jomā optimizēt tīmekļa saturu meklētājprogrammas, ir daudz māņticību un nenoteiktību. Tik daudzi iesācēju SEOs apsvērt iespēju izmantot īpašumu "displejs" nepieklājīgi. Viņi to skaidro ar faktu, ka meklētājprogrammas redzēt slēpto saturu, sākt apsvērt lapu kā surogātpastu. Viņu vārdiem, ir daži loģika, bet ne daudz kas cits. Šajā brīdī īpašums slēpto objektu izmanto pietiekami bieži, lai formatētu nolaižamo izvēlni un paslēpt dokumenta daļas, kas pašlaik nav interešu lietotājam (piemēram, kad jūs izvēlieties kategoriju citu informāciju, tiek dzēsts). Šī pieeja izmanto pietiekami jaudīgu interneta portālus (viens no tiem - "Amazon"). Tādējādi, meklētājprogrammu zirnekļi nevar apsvērt iespēju izmantot īpašuma "display: none" surogātpastu.

Vēl viena lieta, ja šī pieeja tiek izmantota, lai paslēptu atsevišķus vārdus un rakstzīmes. Neskatoties uz to, ka tagad meklētājprogrammu zirnekļi vēl nav perfekta atzīšanu šādu "surogātpastu" algoritmiem dokumentos, iespējamība, ka lapa tiks nozvejotas šajā, ir diezgan augsts. Tāpēc ir ieteicams izmantot īpašuma "displejs" ir stingri paredzētajam mērķim - lai mainītu bloka veidu vai īslaicīgi paslēpt no acīm lietotājam.