Gan ddefnyddio'r priodweddau y CSS "arddangos: dim"

Cascading Style Sheets (CSS) yn eich galluogi i drefnu edrychiad a dyluniad y dudalen we. Mae un o'r tai mwyaf cyffredin a'i werthoedd yw "arddangos: dim".

Penderfynu ar eiddo

Mae'r eiddo ei hun yn amlbwrpas ac yn penderfynu ar y math o elfen arddangos yn y ddogfen. Yn dibynnu ar y gwerthoedd penodol dudalen ddewiswyd gellir eu harddangos y rhan bloc, llinol, fel rhestr o eitemau fel rhan o'r bwrdd, ac yn y blaen. D. Felly, o ganlyniad i eiddo o "arddangos", yn gallu newid y math o bloc yn y ddogfen.

Fel ar gyfer y bwndel "gwerth yr arddangosfa eiddo: dim", mae'n caniatáu i chi ddileu eitem neu floc o'r ddogfen. Ar yr un lle o dan y darn o dudalen yn cael ei gadw ar, sy'n golygu ei fod yn disgyn allan o'r nant. Mae'r holl elfennau sydd y tu hwnt i'r "pell", nad oeddent yn ei weld ac yn anwybyddu maint a sefyllfa yr uned. I ddychwelyd gwrthrych cudd, rhaid i chi gyfeirio at y ddogfen drwy sgriptiau bod yn syml newid y gwerth yr eiddo i'r fformat a ddymunir. Pan fydd hyn yn digwydd fformatio'r dudalen yn awtomatig gyda gwrthrych newydd arno.

Y gwahaniaeth rhwng yr eiddo "arddangos" a "gwelededd"

Er gwaethaf y ffaith bod o ganlyniad i ddau eiddo i guddio eitemau o'r defnyddiwr, eu egwyddor o weithredu yn hollol wahanol. Fel y soniwyd eisoes uchod, y paramedr "arddangos: dim" cael gwared ar yr elfen o'r ddogfen. Mae'r bloc yn disgyn allan o'r dudalen, felly nid yw yn digwydd ynddo. Yn yr achos hwn, y gwrthrych yn dal i fod yn y HTML-god.

Yn ei dro, mae'r eiddo "gwelededd: cudd" cuddio'r elfen gan y defnyddiwr, ond nid yw'n tynnu oddi ar y model ddogfen. Felly, mae'r dudalen yn cael ei gadw ar le yn y bloc hwn. Hynny yw, bydd y llif ddogfen yn derbyn ac yn ystyried lleoliad a maint elfen ag eiddo "gwelededd: cudd" yn union yr un ffordd hebddo.

Mae'r gwahaniaeth hwn yn y strwythur sefydliadol y ddogfen y ddau eiddo yn ei gwneud yn bosibl i gyflawni'r canlyniad a ddymunir ar gyfer arddangos dudalen gywir.

Gan ddefnyddio CSS - arddangos: dim

Dogfen Rhyngrwyd mae nifer o ffyrdd i benderfynu ar y nodweddion y elfen. Mae'r arddangosfa gyntaf: all neb gael ei ragnodi mewn ffeil ar wahân ar gyfer Taflenni Arddull Rhaeadrol. Mae'r dull hwn yw'r mwyaf datblygedig a'r gorau, gan ei fod yn caniatáu i chi wneud yr holl dewiswyr, dosbarthiadau a'u priodweddau mewn dogfen ar wahân. Mae model o'r fath yn eich galluogi i ddod o hyd i gyflym ac yn addasu gosodiadau dudalen.

Mae'r ddogfen pennawd

Yr ail ymgorfforiad yw diffinio'r arddulliau ymhlith y teitl y tagiau arddull ddogfen. Mae effeithiolrwydd y dull hwn yn llawer llai. Argymhellir i fod yn gymwys yn unig mewn achosion eithafol, fel yn y presenoldeb nifer fawr o arddulliau darllenadwyedd tudalennau gwe dylunydd yn dirywio yn sylweddol. Ac mae hyn yn arwain at gamgymeriadau ac yn arafu'r broses o ddatblygu dogfen ar y we. Mae'r dull hwn yn cael ei argymell yn unig yn achos ychwanegu'r tagiau i nifer fach o arddulliau neu offeryn debugging.

Cadwch mewn cof bod os yw hyn yn ffordd o drefnu arddulliau yn y ddogfen yn llai na mewnforio dalen arddull ar wahân, bydd yr eiddo sy'n gorgyffwrdd yn cael ei drosysgrifo gan y rhai sydd yng nghorff y ddogfen html.

div Bloc. Arddangos: dim

Ffordd arall yw ychwanegu yn uniongyrchol i'r tag "arddull = arddangos: dim;" elfen cod. Defnyddir y dull gweithredu aml wrth weithio gyda gwahanol fframweithiau, gyda'r diben o - lleihau nifer y nodweddion yn uniongyrchol i mewn i'r arddull ac yn eu harddangos yn y ddogfen ar y we. Yn ogystal, mae cofnod o'r fath yn aml wrth wylio "arolygwyr cod" dudalen. Mae'n bwysig cofio bod defnyddio'r dull hwn, gallwch newid yr eiddo a gwerth a ragnodir yn y arddull. Felly, dylech fod yn ofalus, o ganlyniad, gallwch greu problemau ychwanegol ar gyfer eu hunain ac yn treulio rhywfaint o amser ar ddod o hyd ac yn gosod gwallau yn y cod dudalen.

JavaScript

Mae hefyd yn werth nodi y posibilrwydd o newidiadau pellach yn yr eiddo hwn. Nid yw bellach yn cyfeirio at y arddull a html-cod a iaith sgriptio. Felly, i wneud cais, mae angen cael o leiaf rhywfaint o wybodaeth yn y maes hwn. Er mwyn cael gwared ar yr elfen o'r llif ddogfen, gallwch ddefnyddio eiddo JavaScript "arddangos = dim". Mae'n caniatáu i chi newid y strwythur y ddogfen pan digwyddiad penodol. Hefyd, drwy ddefnyddio sgriptiau i ddynamig ( "ar y hedfan") i newid y priodweddau paramedr a thrwy hynny adnewyddu barn y dudalen heb orfod ail-lwytho. Mae'r dull hwn yn ddefnyddiol wrth drefnu cwymplenni, ffenestri a ffurfiau moddol.

SEO

Ym maes optimeiddio cynnwys y we ar gyfer peiriannau chwilio, mae llawer o ofergoelion ac ansicrwydd. Felly, mae llawer o SEOs newyddian yn ystyried y defnydd o'r eiddo "arddangos" moesau drwg. Maent yn esbonio hyn gan y ffaith fod peiriannau chwilio gweld y cynnwys cudd, yn dechrau ystyried y dudalen fel sbam. Yn eu geiriau, mae rhywfaint o resymeg, ond dim llawer arall. Ar y pwynt hwn mewn amser yr eiddo o wrthrychau cudd defnyddio'n ddigon aml i fformatio ddewislen i lawr ac yn cuddio y rhannau o'r ddogfen, ac nid yw ar hyn o bryd o ddiddordeb i'r defnyddiwr (er enghraifft, pan fyddwch yn dewis categori o wybodaeth arall yn cael ei ddileu). Mae'r dull hwn yn defnyddio ddigon pwerus pyrth Rhyngrwyd (un ohonynt - y "Amazon"). Felly, pryfed cop peiriant chwilio yn methu ystyried y defnydd o eiddo "arddangos: dim" spam.

Peth arall, pan fydd y dull hwn yn cael ei ddefnyddio i guddio geiriau a chymeriadau unigol. Er gwaethaf y ffaith bod bellach nad oedd y pryfed cop peiriant chwilio yn cael cydnabyddiaeth eto perffaith o fath "spam" algorithmau yn y dogfennau, y tebygolrwydd y bydd tudalen cael eu dal yn hyn, yn eithaf uchel. Felly argymhellir i ddefnyddio'r eiddo "arddangos" yn gwbl am ei bwriadedig pwrpas - i newid y math o bloc neu dros dro guddio rhag llygaid y defnyddiwr.