Uzante la CSS-proprieton "ekrano: neniu"

Akvoforaj folioj (CSS) ebligas al vi organizi la aspekton kaj dezajnon de retpaĝaro. Unu el la plej ofte uzataj propraĵoj kaj ĝiaj valoroj estas "montriĝo: neniu".

Proprieto Difino

La proprieto mem estas multfosa kaj determinas la tipon de ero-montriĝo en la dokumento. Dependanta de la elektita valoro, certa sekcio de la paĝo povas esti montrata blokkolora, linee, kiel listaj eroj, kiel parto de tablo ktp. Tiel, danke al la "montriĝo", vi povas ŝanĝi la tipon de la bloko en la dokumento.

Koncerne al la "eksterlanda valoro: neniu" pakaĵo, ĝi permesas forigi elementon aŭ blokon el la dokumento. En ĉi tiu kazo, la spaco por ĉi tiu peco de la paĝo ne estas rezervita, tio estas, ĝi ellasas el la rivereto. Ĉiuj elementoj, kiuj estas malantaŭ la "remoto" simple ne vidas ĝin kaj ignoras la grandecon kaj pozicion de tia bloko. Por redoni kaŝitan celon, vi devas raporti al la dokumento per skriptoj, kiuj simple ŝanĝas la valoron de la posedaĵo al la postulita formato. Ĉi tio aŭtomate formatos la paĝon kun la nova objekto sur ĝi.

La diferenco inter la "montriĝo" kaj "videbleco" propraĵoj

Malgraŭ la fakto, ke en la fino ambaŭ proprietoj kaŝas la elementon de la uzanto, ilia principo de operacio estas signife malsama. Kiel menciita supre, la "ekrano: neniu" parametro tute forigas la elementon de la dokumento. La bloko eliras el la paĝo, do ne okupante lokon en ĝi. En ĉi tiu kazo, la objekto mem restas en la HTML-kodo.

Siavice, la "videbleco: kaŝita" propraĵo kaŝas la elementon de la uzanto, sed ne forprenas ĝin el la modelo de dokumento. Tiel, sur la paĝo estas rezervita loko por ĉi tiu bloko. Tio estas, la dosiero de dokumentoj perceptos kaj konsideras la lokon kaj dimensiojn de la elemento kun la "videbleco: kaŝita" propraĵo ĝuste sen ĝi.

Ĉi tiu diferenco en organizado de la strukturo de dokumentoj kun ĉi tiuj du propraĵoj permesas al vi atingi la necesan rezulton por la ĝusta montriĝo de la paĝo.

Uzante CSS - ekrano: neniu

La interreta dokumento permesas al vi uzi plurajn eblojn por determini la posedaĵon de elemento. Antaŭe montriĝo: neniu povas esti registrita en aparta dosiero de akvofatilaj folioj. Ĉi tiu metodo estas la plej antaŭita kaj ĝusta, ĉar ĝi permesas al vi repagi ĉiujn elektilojn, klasojn kaj iliajn propraĵojn en aparta dokumento. Tia modelo ebligas tre rapide trovi kaj ŝanĝi paĝajn parametrojn.

En la titolo de la dokumento

La dua opcio estas difini la stilojn en la kaplinio de la dokumento inter la etikedoj de stilo. La efikeco de ĉi tiu metodo estas multe malpli. Oni rekomendas uzi ĝin nur en ekstremaj kazoj, ĉar en la ĉeesto de granda nombro da stiloj, la legigebleco de la paĝo de la retejo de la retejo estas grave difektanta. Kaj tio kondukas al eraroj kaj malrapidigas la procezon evoluigi interretan dokumenton. Ĉi tiu aliro rekomendas nur se vi aldonas malgrandan nombron da stiloj al ĉi tiu etikedo aŭ debugas dokumenton.

Oni devas memori, ke se ĉi tiu maniero organizi stilojn troviĝas en la dokumento pli sube ol importado de aparta stila folio, tiam la intersekcaj propraĵoj estos reeskribitaj de tiuj, kiuj estas en la korpo de la html-dokumento.

Bloko div. Montriĝo: neniu

Alia maniero estas aldoni rekte al la elemento de la kodo-elemento "style = display: none;". Ĉi tiu aliro ofte uzas kiam laboras kun diversaj kadroj, kies celo estas redukti la nombro da propraĵoj rekte en la stila folio kaj montri ilin en la interreta dokumento. Krome, tia registro ofte okazas kiam vi vidas la paĝon "kodo inspektisto". Gravas memori, ke uzante ĉi tiun aliron, vi povas ŝanĝi la posedaĵon kaj ĝian valoron specifitan en la stilo-folio. Sekve, vi devas esti zorgema, kiel rezulto vi povas krei aldonajn problemojn por vi mem kaj pasigi iom da tempo serĉante kaj ripari erarojn en la kodo de la paĝo.

JavaScript

Ĝi ankaŭ meritas mencii la plian eblon ŝanĝi ĉi tiun posedaĵon. Ĝi ne aplikeblas al la stilo-folio kaj html-kodo, sed al la skripta lingvo. Sekve por ĝia apliko oni devas havi almenaŭ iujn sciojn en ĉi tiu areo. Por forigi elementon de la dosiero de dokumentoj, vi povas uzi la JavaScript-proprieton "display = none". Ĝi permesas al vi ŝanĝi la strukturon de dokumento kiam okazas certa evento. Ankaŭ, danke al la uzado de skriptoj, vi povas dinamike ("sur la muŝo") ŝanĝi la proprieton-parametron kaj tiel ĝisdatigi la paĝonan vidon sen devo reinigi ĝin. Ĉi tiu aliro estas utila en la organizado de malplenaj menuoj, modalaj fenestroj kaj formoj.

SEO

En la kampo de optimumigo de interreta enhavo por serĉiloj, ekzistas multaj superstiĉoj kaj neklaraj punktoj. Do multaj novuloj SEOShniki konsideras uzi malbonan manieron de la "montriĝo". Ili klarigas ĉi tion pro tio, ke la serĉiloj, vidante kaŝitan enhavon, komencas konsideri la paĝon kiel spamo. En iliaj vortoj estas parto de logiko, sed nenio pli. Je ĉi tiu punkto, la posedaĵo de kaŝado de objekto estas ofte uzata por formatei malplenajn menuojn kaj kaŝi porciojn de la dokumento, kiu ne nuntempe interesiĝas al la uzanto (ekzemple, se unu kategorio estas elektita, informoj pri la alia estas forigita). Ĉi tiu aliro estas uzata per sufiĉe potencaj Interretaj portaloj (unu el ili estas "Amazon"). Tiel, serĉilo araneoj ne konsideras la uzon de posedaĵo "display: none" spamon.

Alia afero estas kiam ĉi tiu aliro estas uzata por kaŝi individuajn vortojn kaj simbolojn. Malgraŭ la fakto, ke nun la serĉaj robotoj ankoraŭ ne havas perfektajn algoritmojn por agnoski tiajn "spamojn" en dokumentoj, la probablo, ke la paĝo estos kaptita sur ĉi tio, estas sufiĉe alta. Sekve, oni rekomendas uzi la "montriĝo" propraĵon strikte por la celo - ŝanĝi la blokan tipon aŭ provizore kaŝi ĝin de la okuloj de la uzanto.