/ / Izmantojot CSS īpašumu "displejs: nav"

Izmantojot CSS īpašumu "displejs: nav"

Kaskādes stila lapas (CSS) ļauj organizēt interneta lapas izskatu un dizainu. Viena no visbiežāk lietotajām īpašībām un tās vērtībām ir "displejs: nav".

Īpašuma definīcija

displejs nav

Īpašums pati ir daudzfunkcionāls un definētselementa veids tiek parādīts dokumentā. Atkarībā no atlasītās vērtības atsevišķu lapas daļu var parādīt bloķēt, lineāri kā saraksta vienumus kā tabulas daļu utt. Tādējādi, pateicoties īpašības "displejs", jūs varat mainīt dokumenta bloka veidu.

Attiecībā uz paketi "īpašuma vērtības displejs: none ", tas ļauj jums, lai izdzēstu objektu vai bloku papīra. Tajā pašā vietā zem gabala lapas nav rezervēts, kas nozīmē, ka izkrīt no straumes. Visi elementi, kas ir aiz" tālvadības ", vienkārši neredzēju, un ignorēt izmēru un pozīciju, piemēram vienības. atgriezties slēptās objekts, jums ir jāatsaucas uz dokumentu, izmantojot skriptus, kas vienkārši mainīt vērtību īpašumiem vēlamo formātu. tas automātiski formatēt lapu ar jauno objektu uz tā.

Atšķirība starp "displeja" un "redzamības" īpašībām

stila displeja nav

Neskatoties uz to, ka galu galā abas īpašības slēpjasno lietotāja, to darbības princips ievērojami atšķiras. Kā minēts iepriekš, parametrs "displejs: neviens" pilnībā no dokumenta noņem elementu. Bloks iziet no lapas, tādējādi neaizņemot vietu tajā. Šajā gadījumā pats objekts paliek HTML kodā.

Savukārt īpašums "redzamība: slēpto "paslēpj elementu no lietotāja, bet nav noņemta no dokumenta parauga Tādējādi lapa ir rezervējis vietu bloka citiem vārdiem sakot, dokumentu plūsma pieņems un apsvērt atrašanās vietu un lielumu, ka elements ar īpašumu .." visibility: hidden "tieši tas pats, kā arī bez tā.

Šī atšķirība dokumenta struktūras organizācijā ar šīm divām īpašībām ļauj iegūt vajadzīgo rezultātu lapas pareizai parādīšanai.

CSS izmantošana - displejs: nav

Div displejs nav

Interneta dokuments ļauj jums izmantotvairākas iespējas, lai noteiktu elementa īpašumu. Pirmkārt, displejs: nevienu nevar reģistrēt atsevišķā kaskādes stilu lapu failā. Šī metode ir vismodernākā un pareizākā, jo tā ļauj jums padarīt visus selektorus, klases un to īpašības atsevišķā dokumentā. Šāds modelis ļauj ļoti ātri atrast un mainīt lapas parametrus.

Dokumenta nosaukumā

Otra iespēja ir definēt stilus iekšādokumenta nosaukums starp stilu. Šīs metodes efektivitāte ir daudz mazāka. Ieteicams to izmantot tikai ekstremālos gadījumos, jo liela skaita stilu klātbūtnē web dizainers lapas lasāmību būtiski pasliktina. Tas noved pie kļūdām un palēnina interneta dokumenta izstrādes procesu. Šī pieeja ir ieteicama tikai tad, ja šim tagam pievienojat nelielu stila skaitu vai atkārtojat dokumentu.

Jāatceras, ka, ja šāda metodestilu organizācija atrodas dokumentā zemāk nekā atsevišķas stila lapas importēšana, tad krustojošās īpašības tiks pārrakstītas ar tiem, kas atrodas html dokumenta pamattekstā.

Bloku div. Displejs: nav

css displejs nav

Vēl viens veids ir pievienottieši koda elementa elementā "style = display: none;". Šo pieeju bieži izmanto, strādājot ar dažādām sistēmām, kuru mērķis ir samazināt rekvizītu skaitu tieši stila lapā un parādīt tos pašā interneta dokumentā. Turklāt šādu ierakstu bieži novēro, apskatot lapu "kods inspektors". Ir svarīgi atcerēties, ka, izmantojot šo pieeju, jūs varat mainīt īpašumu un tā vērtību, kas norādīta stilu tabulā. Tāpēc jums vajadzētu būt uzmanīgiem, kā rezultātā jūs varat radīt 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 papilduiespēja mainīt šo īpašumu. Tas neattiecas uz stilu lapu un html kodu, bet uz skriptu valodu. Tādēļ, lai to piemērotu, šajā jomā ir nepieciešamas vismaz dažas zināšanas. Lai elementu noņemtu no dokumentu straumes, varat izmantot JavaScript īpašumu "display = none". Tas ļauj mainīt dokumenta struktūru, kad notiek kāds notikums. Tāpat, pateicoties skriptu izmantošanai, varat dinamiski ("pietuvojies") mainīt īpašuma parametru un tādējādi atjaunināt lapas skatu, neveicot tā restartēšanu. Šī pieeja ir noderīga nolaižamo izvēlņu, modālo logu un veidlapu organizēšanā.

SEO

javascript displejs nav

Meklējamās tīmekļa satura optimizēšanas jomāir daudz nelaime un neskaidri brīži. Tātad, daudzi iesācēji SEOShniki apsver iespēju izmantot "displeja" īpašumu slikti. Viņi izskaidro to ar to, ka meklētājprogrammas, redzot slēpto saturu, sāk uzskatīt lapu par surogātpastu. Pēc viņu domām, ir loģikas daļa, bet nekas vairāk. Š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). Šo pieeju izmanto diezgan spēcīgi interneta portāli (viens no tiem ir "Amazon"). Tādējādi meklēšanas robots nevar apsvērt iespēju izmantot īpašumu "displejs: neviens" kā mēstules.

Vēl viena lieta ir tad, kad tiek izmantota šāda pieejaatsevišķu vārdu un simbolu slēpšana. Neskatoties uz to, ka pašlaik meklējamo robotiem vēl nav ideālu algoritmu šādu dokumentu "surogātpasta" atpazīšanai dokumentos, varbūtība, ka lapa tiks aizturēta, ir diezgan augsta. Tāpēc ieteicams īpašumu "displejs" izmantot vienīgi šim nolūkam - mainīt bloka veidu vai īslaicīgi to paslēpt no lietotāja acīm.

Lasīt vairāk: