Internet, Web suunnittelu

Block asettelu div HTML-tunnisteita

Jo kymmenisen vuotta sitten RuNet useimmiten käytetty niin sanottua taulukkomuodossa asettelua. Johtuen siitä, että standardit joidenkin selainten poikkesivat merkittävästi toisistaan, meillä oli etsiä ratkaisua, joka oikein näyttää online-asiakirjan kaikissa sovelluksissa. Mutta ajan mittaan, kehittää standardeja, ja tilalle melko jäykkä ja joustamaton pöytä tuli hyvä ja reagoiva muuttuva lohko asettelua. Eturintamassa tämä tekniikka on periaate elementeillä

. HTML-asiakirjoja useimmissa rakennettiin pohjalta yksittäisiä lohkoja, jotka, toisin kuin taulukonlaskentamenetelmällä voivat olla toisistaan riippumattomia.

syntyminen

Monimutkaistuminen verkkosivuja ja kehittäminen tietotekniikkaa on johtanut siihen, että Web asiakirja on jaettu kahteen osaan - rungon (HTML-koodia) ja muotoilu (tyylisivuja). Tällä saavutetaan ennennäkemättömän kehityksen web, jonka tulokset voimme nyt pohtia useimmissa sivustoja. Lisäksi parannetaan

HTML kehitysprosessia voivat määrittää kunkin yksittäisen osan suunnittelun sääntöjä. Tämä auttoi parantamaan luettavuutta verkkosivuja ja pienentää asiakirjan latausaika. Nyt hakukoneet paljon nopeammin ja paremmin käsitellä tietoa saatavilla sivustolla.

Standardit ja validointi

tunnistetta HTML käytetään tiukasti W3C standardeja (World Wide Web Consortium). Tarkistaminen sivun lähdekoodi järjestetään erityinen työkalu - Validator, joka jäsentää (skannaa ja haut) kaikenlaisia virheitä sivulla. Sivu kelvollinen tarkoittaa, että kaikki tunnisteet on käytetty oikein ja täysin täyttävät standardien.

tageja avulla voit luoda lohkot, tai niitä kutsutaan kontteja. Yksittäiset elementit voidaan sisäkkäin, mikä luo tarvittavat rakenteet ja konfigurointia. Käyttämällä
tunnistetta ilman huoltajaa luokkatunnuksiin tai käytännöllisesti ei esiinny. Se johtuu "kasvottomia" elementti. Jos hän ei määritä arvosana, lopulta, kaikki säiliöt on samanlainen kokoonpano.

Jotta voidaan luoda todella oikea asiakirja, sinun on käytettävä seuraavaa tunnistetta rakennetta

class = olivat«to_imya". Virran kytkeminen luokan nimi tyylitaulukossa, voit määrittää sijainnin, koon ja muiden parametrien yhteen yhtämittainen asiakirjassa.

Käyttäen luokkia ja tunnukset

Lohko

HTML voidaan määritellä tunnisteen id, luokka ja luokka. Toisin kuin ensimmäisestä toiseen on, että tunnus käytetään vain kerran julkaisun sivulla. Eli sitä käytetään määrittämään ainutlaatuisia elementtejä, koskaan enemmän toistettu sivun koodiin. Class määrite voit soveltaa samaa tyyliä sääntöjä on useita tekijöitä. Tämä lähestymistapa yksinkertaistaa kehittäminen ja tukeminen §. Lisäksi yksi esine voi olla useita luokkia. Asianmukaista tunnustamista jaetun tilan.

Luonnollisesti lohko Asiakirjan rakennetta ei tarkoita käyttöön vain yksi tunniste

. Rakenteesta tahansa sivulta on aina muita elementtejä. Lisäksi itse lohko
elementti voi olla erilainen näyttö. Tämä tehdään käyttäen ominaisuuksien näyttö. Elementti voi olla merkkijono tai taulukon näyttö, joka voi merkittävästi lisätä käytön joustavuus yksikön ja luoda verkkosivuilla mitään asetuksia.

tunnistetta. HTML-ominaisuudet

Kuten jo edellä mainittiin, tunniste ei muuta sivun asettelua fragmenttia ja käyttää luomaan semanttinen rakenne kanssa myöhemmän rekisteröinnin tyylisivuja. Käyttämällä sulkeminen tag tämä elementti on pakollinen.

Huolimatta siitä, että monet uudet selaimet pystyvät tunnistamaan tällaisen virheen, joissakin tapauksissa unclosed tunniste voi aiheuttaa "razvalivanie" dokumentin rakenteen ja sen näyttö epäonnistuminen.

Koska tämä elementti on lohko, niin siinä määrin, että se käsittää sisältö alkaa uusi rivi. Muuttaa tämän ongelman on muutettava näyttöyksikkö omaisuutta parametrit. Paitsi ryhmittely sisäkkäisiä elementtejä

tunnistetta voit Muotoile sisällön sisällä. Se käyttää align määrite, jonka kautta voit sijoittaa tekstiä tai kuvaa vasemmalle, oikealle tai keskelle emoelementin.

kappaleiden sijoittamiseen

Asennonsäädöllä ominaisuuden avulla voit muuttaa menetelmän sijoittamiseksi valitun kohteen. Niin, on olemassa kolmenlaisia paikannus:

  • Staattinen (staattiset) - oletus. Tällöin elementti on kannan mukaisesti HTML-koodia.
  • Suhteellinen (suhteellinen). Tässä tapauksessa kohteen sijainnin lasketaan samalla tavalla kuin jos kyseessä on staattinen paikannus, mutta tämä ominaisuus mahdollistaa muuttaa asentoon lapsille.
  • Absoluuttinen (absoluuttinen). Hänen sijainti lasketaan suhteessa elementin suhteellinen paikoitus.

muut ominaisuudet

ylä- ja vasemman attribuutteja asennon muuttamiseen käytetään suhteessa alkupisteeseen. Arvot voivat olla sekä positiivisia että negatiivisia. Leveys ja korkeus-elementin ominaisuuksia määritelty leveys ja korkeus, vastaavasti. Jos niitä ei ole määritelty tyyliohjeessa, yksikkö aloittaa koko leveyden emoelementin. Jos lohko sisältö ei mahdu poikki "emo" leveys, sitten käyttäytymistä elementin määritetään attribuutin ylivuoto.

Toivottavasti tämä artikkeli on auttanut käsitellä kysymystä siitä, mitä

HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fi.atomiyme.com. Theme powered by WordPress.