Duke përdorur vetitë e CSS "display: none"

Cascading Style Sheets (CSS) ju lejojnë të organizojnë pamjen dhe dizajnin e faqes web. Një nga më të përdorura vetitë dhe vlerat e saj është "display: none".

Përcaktimi i vetive

Pronës në vetvete është një multi-qëllim dhe përcakton llojin e elementit ekranit në dokument. Në varësi të vlerave të veçanta faqe përzgjedhur mund të shfaqet pjesën bllok, lineare, si një listë të sendeve, si pjesë e tabelës, dhe kështu me radhë. D. Kështu, për shkak të pasurisë së "ekranit", mund të ndryshojë llojin e bllokut në dokument.

Sa për "vlerën e pronës display: none" deng, kjo ju mundëson për të fshirë një objekt ose një bllok të dokumentit. Në të njëjtin vend nën pjesë e faqes nuk është e rezervuar, që do të thotë se bie nga lumë. Të gjitha elementet që janë përtej "largët", thjesht nuk e shohin atë dhe të injorojnë madhësinë dhe pozitën e njësisë. Për t'u kthyer një objekt fshehur, ju duhet të referohen dokumentit nëpërmjet Scripts që thjesht të ndryshojë vlerën e pronave në formatin e dëshiruar. Kur kjo ndodh automatikisht format faqe me objektin e ri mbi të.

Dallimi në mes të pronave "ekran" dhe "shikimit"

Pavarësisht nga fakti se si rezultat i dy pronave për të fshehur sende nga përdoruesit, parimi i tyre i veprimit është mjaft e ndryshme. Siç u përmend më lart, parametri "display: none" heq elementin nga dokumenti. Bllok bie nga faqes, prandaj nuk po ndodhin në të. Në këtë rast, objekti mbetet në HTML-kodin.

Nga ana tjetër, prona "shikimit: fshehur" fsheh elementin nga përdoruesit, por nuk hiqni atë nga modeli dokument. Kështu, faqja është rezervuar një vend në këtë bllok. Kjo është, rrjedha dokumenti do të pranojë dhe të marrë parasysh vendndodhjen dhe madhësinë e një elementi me e pronës "shikimit: fshehur" saktësisht në të njëjtën mënyrë pa atë.

Ky ndryshim është struktura organizimi i dokumentit këto dy prona bën të mundur për të arritur rezultatin e dëshiruar për shfaqjen e saktë faqe.

Duke përdorur CSS - Shfaqje: asnjë

Dokumenti Internet ka disa mënyra për të përcaktuar vetitë e elementit. E para ekranit: askush nuk mund të përshkruhet në një skedar të veçantë për Cascading Style Sheets. Kjo metodë është më e përparuar dhe më të mirë, si ajo ju lejon të bëni të gjitha selectors, klasat dhe pronat e tyre e në një dokument të veçantë. Një model i tillë ju lejon të shpejt të gjetur dhe të modifikojë parametrat faqe.

Header dokument

Mishërimi i dytë është që të përcaktojë stilet mesin titullin tags stil dokument. Efektiviteti i kësaj metode është shumë më pak. Është e rekomanduar për të aplikuar vetëm në raste ekstreme, si në praninë e një numri të madh të stileve lexueshmëri e faqeve web projektuesi përkeqësohet në mënyrë të konsiderueshme. Dhe kjo çon në gabime dhe ngadalësojnë procesin e zhvillimit të një dokumenti të internetit. Kjo qasje është e rekomanduar vetëm në rastin e shtuar tag për një numër të vogël të stileve apo instrumenti debugging.

Mbani në mend se në qoftë se kjo mënyrë e organizimit të stileve në dokument është më pak se një import të veçantë fletë stili, pronat e mbivendosura do të jetë overwritten nga ata që janë në trupin e html dokument.

div Block. Display: none

Një tjetër mënyrë është për të shtuar direkt në tag "style = display: none;" Kodi element. Kjo qasje është përdorur shpesh kur punojnë me kornizat e ndryshme, qëllimi i të cilit - zvogëlimin e numrit të karakteristika direkt në stylesheet dhe të shfaqin ato në dokumentin e internetit. Përveç kësaj, një rekord i tillë është shpesh kur shikuar "Kodi inspektorët" faqe. Është e rëndësishme të mbani mend se duke përdorur këtë metodë, ju mund të ndryshojë pronën dhe vlerën përshkruar në stylesheet. Kështu që ju duhet të jenë të kujdesshëm, si rezultat i kësaj, ju mund të krijojë probleme shtesë për veten e tyre dhe të shpenzojnë disa kohë në gjetjen dhe ndreqim gabimet në kodin faqe.

JavaScript

Është gjithashtu me vlerë të përmendet mundësinë e ndryshimeve të mëtejshme në këtë pronë. Ajo nuk ka të bëjë me stylesheet dhe HTML-kodin dhe një gjuhë e shkruar. Prandaj, për të aplikuar është e nevojshme të ketë të paktën disa njohuri në këtë fushë. Në mënyrë për të hequr elementin nga rrjedha dokument, ju mund të përdorni një pronë JavaScript "display = asnjë". Kjo ju lejon për të ndryshuar strukturën e dokumentit kur një ngjarje të caktuar. Gjithashtu, përmes përdorimit të Scripts për të dinamike ( "më fal") për të ndryshuar vetitë parametër dhe në këtë mënyrë të rifreskuar pamjen e faqes, pa pasur nevojë për të ringarkoni. Kjo qasje është e dobishme kur organizimin e drop-down menu, dritaret dhe format modale.

SEO

Në fushën e optimizuar përmbajtjen web për motorët e kërkimit, ka shumë bestytni dhe pasiguri. Pra, shumë SEOs rishtar konsiderojnë përdorimin e pronave "Display" sjelljeve të këqija. Ata e shpjegojnë këtë me faktin se motorët e kërkimit duke parë përmbajtjen e fshehur, të fillojnë të marrin në konsideratë faqe si spam. Në fjalët e tyre, ka disa logjikë, por jo shumë tjetër. Në këtë pikë në kohë pronë e objekteve të fshehur përdorur shpesh të mjaftueshme për të formatin e drop-down menu dhe fshehin pjesët e dokumentit, e cila nuk është për momentin në interes të përdoruesit (për shembull, kur ju zgjidhni një kategori të informacione të tjera fshihet). Kjo qasje përdor një mjaft të fuqishme portaleve të internetit (një prej tyre - "Amazon"). Kështu, spiders search engine nuk mund të marrin në konsideratë përdorimin e pronës "display: none" spam.

Një tjetër gjë, kur kjo qasje është përdorur për të fshehur fjalët individuale dhe karaktere. Pavarësisht nga fakti se tani spiders search engine ende nuk kanë njohje të përsosur të këtyre algoritmeve "spam" në dokumentet, gjasat që faqja do të kapet në këtë, është mjaft e lartë. Prandaj ajo është e rekomanduar për të përdorur pronës "ekran" është rreptësisht për qëllimin e synuar - për të ndryshuar llojin e bllokut ose përkohësisht të fshehur nga sytë e përdoruesit.