Internet, Web dizajn

Blokiraj izgled div oznaka HTML

Još prije desetak godina u runetu najčešće se koristi takozvani izgled tablice. S obzirom na činjenicu da su se standardi nekih preglednika značajno razlikovali od drugih, bilo je potrebno tražiti rješenje koje bi omogućilo ispravno prikazivanje internetskog dokumenta u svim aplikacijama. Ali vrijeme je prošlo, razvili su se standardi, a kruti i nefleksibilni tabulatori zamijenjeni su dobro prilagođenim i responzivnim blokovima. Na čelu ove tehnologije leži princip korištenja

elemenata. Uglavnom su počeli izrađivati HTML dokumente na temelju zasebnih blokova, koji, za razliku od izgleda tablica, mogu biti neovisni jedan o drugom.

pojava

Komplikacija web stranica i razvoj računalne tehnologije doveli su do činjenice da je web dokument bio podijeljen na dva dijela - kostur (HTML kod) i dizajn (stilski listovi). Zahvaljujući tome uspjeli smo postići neprecizni razvoj weba, čiji rezultati sada možemo vidjeti na većini suvremenih stranica. Pored poboljšanja razvojnog procesa,

HTML omogućio nam je da definiramo naša pravila dizajna za svaki pojedini element. To je pomoglo poboljšanju čitljivosti koda web stranice i smanjivanju vremena učitavanja dokumenta. Sada su tražilice mnogo brže i bolje rukovati informacijama dostupnim na web mjestu.

Standardi i provjera

Oznaka

u HTML-u koristi se u strogom skladu s W3C (World Wide Web Consortium) standardima. Kôd stranice provjerava se pomoću posebnog alata - validator koji parsit (skeniranje i pretraživanje) svake moguće pogreške na stranici. Važeća stranica znači da su sve oznake ispravno korištene i u potpunosti zadovoljavaju zahtjeve standarda.

Oznake

omogućuju stvaranje blokova ili, kako se zove, spremnici. U tom slučaju, pojedini elementi mogu se ugraditi jedan u drugi, stvarajući strukture potrebne konfiguracije i složenosti. Korištenje oznake
bez pratnje klase ili identifikatora gotovo se nikada nije susreo. To je zbog "lice" elementa. Ako ne dodijeli klasu, na kraju će svi kontejneri imati identičnu konfiguraciju.

Da biste stvorili istinski valjan dokument, morate upotrijebiti sljedeću strukturu oznake

class = "some_name". Pozivajući se na naziv klase, u stilskim listovima možete odrediti položaj, veličinu, vodu i druge parametre pojedinačnog bloka u dokumentu.

Upotreba klasa i identifikatora

Blok

HTML može se definirati bilo id ili klasa. Razlika između prvog i drugog je da se id koristi samo jednom na stranici dokumenta. To znači da se koristi za definiranje jedinstvenih elemenata koji se ne reproduciraju nigdje drugdje u kodu stranice. Klasa atribut omogućuje vam da primijenite pravila istog stila na više elemenata. Ovaj pristup uvelike pojednostavljuje razvoj i podršku kodova. Osim toga, jedan objekt može istodobno imati više klasa. Za pravilno prepoznavanje jednostavno ih razdvajaju prostori.

Naravno, blok struktura dokumenta uopće ne podrazumijeva upotrebu samo jedne

oznake. U strukturi bilo koje internetske stranice uvijek će postojati i drugi elementi. Osim toga, blok
element može imati potpuno drugačiju vrstu mapiranja. To se obavlja pomoću svojstva prikaza. Element može imati liniju ili čak stolni prikaz koji vam omogućuje značajno povećanje fleksibilnosti korištenja bloka i stvaranje stranice bilo koje konfiguracije.

Oznaka
. HTML svojstva

Kao što je gore spomenuto, ova oznaka ne mijenja izgled fragmenta stranice, već se koristi za stvaranje semantičke strukture s naknadnim oblikovanjem kroz stilove. Korištenje zatvaranja oznake za ovaj element je obavezno.

Unatoč činjenici da će mnogi moderni preglednici moći prepoznati tu pogrešku, u nekim slučajevima neotkrivena oznaka može uzrokovati raspadanje strukture dokumenta i ne prikazivati ispravno.

Budući da je taj element blok, sadržaj koji je sadržan u njoj započinje novom linijom. Da biste promijenili ovo ponašanje, morate promijeniti postavke prikaza bloka s imenom zaslona. Pored grupiranja ugniježđenih elemenata, oznaka

omogućuje vam oblikovanje lokacije sadržaja u njemu. Da biste to učinili, upotrebljavajte atribut atributa koji omogućuje postavljanje teksta ili slike s lijeve strane, desne strane ili središta elementa roditelja.

Blokovi za postavljanje

Pomoću atributa pozicije možete promijeniti način pozicioniranja odabranog elementa. Dakle, postoje tri vrste pozicioniranja:

  • Statički (statički) - koristi se prema zadanim postavkama. U ovom slučaju element se postavlja prema položaju u HTML kodu.
  • Relativna (relativna). U tom slučaju, mjesto objekta izračunava se na isti način kao u slučaju statičkog pozicioniranja, no to vam omogućuje promjenu položaja za djecu.
  • Apsolutno (apsolutno). Njegov položaj izračunava se u odnosu na element s relativnim položajem.

Ostali atributi

Vrh i lijevi atributi se koriste za promjenu položaja u odnosu na točku izvora. Vrijednosti mogu biti pozitivne ili negativne. Širina i visina blok elementa specificirane su širinom i visinom atributa. Ako nisu navedeni u stilskim listovima, blok će zauzeti cijelu širinu elementa roditelja. Ako sadržaj bloka ne odgovara širini "roditelja", ponašanje elementa određuje se atributom preljeva.

Nadamo se da ovaj članak pomaže razumjeti pitanje što je

u HTML-u.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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