Käyttäen ominaisuudet CSS "display: none"

CSS (CSS) avulla voit järjestää ulkonäkö ja suunnittelu sivun. Yksi yleisimmin käytetty ominaisuuksia ja sen arvoista on "display: none".

Ominaisuuksien määritys

Ominaisuus itsessään on monikäyttöinen ja määrittää tyypin näyttöelementin asiakirjassa. Riippuen arvoja valittu sivu voidaan näyttää lohko-osan, lineaarisesti, kuten kohteiden luetteloa osana taulukon, ja niin edelleen. D. Siten, johtuen omaisuutta "näyttö", voi muuttaa tyypin lohkon asiakirjassa.

Mitä nippu "kiinteistön arvosta display: none", sen avulla voit poistaa kohteen tai lohkon asiakirjan. Samassa paikassa alle pala sivua ei ole varattu, mikä tarkoittaa, että se putoaa pois virrasta. Kaikki elementit, jotka eivät kuulu "remote", yksinkertaisesti ei näe sitä ja jättää koko ja sijainti yksikkö. Palata piilotettu objekti, sinun täytyy viitata dokumentin kautta skriptejä, jotka yksinkertaisesti muuttaa arvoa kiinteistöjen haluttuun muotoon. Kun tämä tapahtuu automaattisesti alustaa sivun uuden kohteen sitä.

Erotus ominaisuudet "näyttö" ja "näkyvyys"

Huolimatta siitä, että seurauksena molempia ominaisuuksia piilottaa kohteita käyttäjä, niiden toimintaperiaate on aivan erilainen. Kuten jo edellä mainittiin, parametri "display: none" poistaa elementti asiakirjasta. Lohkon putoaa sivun, jolloin ei tapahdu sitä. Tällöin objektin edelleen HTML-koodia.

Puolestaan omaisuus "visibility: hidden" piilottaa elementin käyttäjä, mutta ei poista sitä asiakirjasta mallista. Siten sivua varataan paikka tässä lohkossa. Eli asiakirjavirta hyväksyy ja harkita sijainti ja koko elementin kanssa omaisuus "visibility: hidden" samalla tavalla ilman sitä.

Tämä ero on organisaatiorakenteen dokumentin näihin ominaisuuksiin mahdollistaa halutun tuloksen saavuttamiseksi oikea sivu näyttää.

CSS - display: none

Internetin asiakirja on olemassa useita tapoja määrittää ominaisuuksia elementin. Ensimmäisessä display: none voidaan määrätä erilliseen tiedostoon CSS. Tämä menetelmä on pisimmällä ja paras, koska sen avulla voit tehdä kaikki valitsimet, luokat ja niiden ominaisuudet erillisessä asiakirjassa. Tällaisen mallin avulla voit nopeasti etsiä ja muokata sivun asetuksia.

Asiakirjassa otsikossa

Toinen sovellus on määritellä tyylien kesken asiakirjan otsikko tyylitunnisteet. Tehokkuus tämä menetelmä on paljon vähemmän. On suositeltavaa käyttää vain äärimmäisissä tapauksissa, kuten esiintyy suuri joukko tyylejä luettavuutta verkkosivujen suunnittelija heikkenee merkittävästi. Ja tämä johtaa virheisiin ja hidastaa kehittämässä Verkkoasiakirjan. Tämä lähestymistapa suositellaan vain siinä tapauksessa lisätä tunnisteen pieni määrä tyylejä tai virheenkorjaus väline.

Muista, että jos tämä tapa järjestää tyylejä dokumentissa on alle erillinen tyylisivu tuontia, päällekkäinen ominaisuudet kumoaa aikaisemmat jotka ovat itse dokumentissa html.

Lohko div. Display: none

Toinen tapa on lisätä suoraan tunnisteen "style = display: none;" Koodielementti. Tämä lähestymistapa on usein käytetään työskenneltäessä erilaisissa yhteyksissä, jonka tarkoituksena - vähentämällä ominaisuuksia suoraan stylesheet ja näyttää ne www asiakirjassa. Lisäksi tällainen levy on usein katseltaessa "koodi tarkastajat" sivulla. On tärkeää muistaa, että tätä lähestymistapaa käyttäen, voit muuttaa kiinteistön ja arvon määrätty stylesheet. Joten kannattaa olla varovainen, seurauksena voi aiheuttaa lisäongelmia itselleen ja viettää aikaa löytää ja vahvistamisesta virheitä sivun koodiin.

JavaScript

On myös syytä mainita mahdollisuutta lisämuutoksia tämän omaisuutta. Se viittaa enää tyylitaulukkoon ja html-koodin ja skriptikieli. Siksi soveltaa sitä tarvitaan ainakin jonkin verran tietoa tältä alalta. Jotta voitaisiin poistaa elementin dokumentista virtaus, voit käyttää JavaScript omaisuus "display = none". Sen avulla voit muuttaa rakennetta dokumentin kun tietty tapahtuma. Myös käyttämällä skriptejä dynaamisesti ( "lennossa") parametrin muuttamiseksi ominaisuuksia ja siten päivittää näytön sivun ilman ladata. Tämä lähestymistapa on hyödyllinen järjestämisessä pudotusvalikoista, modaali ikkunat ja muotoja.

SEO

Alalla optimoimalla web-sisältöä hakukoneita varten, monia taikauskoa ja epävarmuustekijöitä. Niin, monet aloittelevat hakukoneoptimoijat pitää käyttää ominaisuuksia "näyttö" huonot käytöstavat. He selittävät tätä sillä, että hakukoneet näkevät piilotettua sisältöä, alkaa harkita sivun roskapostiksi. Omien sanojensa, on jonkin verran logiikkaa, mutta ei paljon muuta. Tässä vaiheessa omaisuutta piilotettuja esineitä käytetään riittävän usein alustaa pudotusvalikosta ja piilottaa asiakirjan osat, jotka eivät ole tällä hetkellä kiinnostaa käyttäjää (esimerkiksi silloin, kun valitset luokan muuta tietoa poistetaan). Tämä lähestymistapa käyttää riittävän tehokas Internet portaalit (yksi niistä - "Amazon"). Siten hakukoneiden robotit voi pitää omaisuuden käytön "display: none" roskapostia.

Toinen asia, kun tätä lähestymistapaa käytetään piilottamaan yksittäisiä sanoja ja merkkejä. Huolimatta siitä, että nyt hakukoneiden robotit ei vielä ole täydellinen tunnustaminen tällaisten "roskapostin" algoritmit asiakirjoissa, todennäköisyys, että sivu on kiinni tässä, on melko korkea. Siksi on suositeltavaa käyttää omaisuutta "näyttö" on ehdottomasti oikeaan käyttötarkoitukseen - tyypin muuttamiseksi lohkon tai tilapäisesti piilottaa katseilta käyttäjälle.