Blokiraj izgled div oznaka HTML

Još prije desetak godina u runetu se najčešće koristi tzv. Tablični raspored. S obzirom na činjenicu da su se standardi nekih preglednika znatno razlikovali jedni od drugih, morali smo 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 prilično krut i nefleksibilan tabelar zamijenjen je dobro promijenjenim i odgovornim raspored blokova. Temelj ove tehnologije je načelo 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.

sadržaj

Pojava
Standardi i provjera
Upotreba klasa i identifikatora
Oznaka . html svojstva
Blokovi za pozicioniranje
Ostali atributi

pojava

div html

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 najsuvremenijim web stranicama. Osim poboljšanja procesa razvoja

HTML dopušta definiranje vlastitih pravila za svaki element. To je pomoglo poboljšanju čitljivosti koda web stranice i smanjivanju vremena učitavanja dokumenta. Sada su tražilice puno brže i bolje obrađuju informacije dostupne na web mjestu.

Standardi i provjera

oznaka

u HTML-u se koristi u strogom skladu s standardima W3C (World Wide Web Consortium). 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.

div tag u htmlu

oznake

omogućuju vam stvaranje blokova ili, kako se zove, spremnici. U tom slučaju, pojedinačni elementi mogu biti međusobno ugniježđeni, stvarajući strukture nužne konfiguracije i složenosti. Upotreba oznake

Bez pratnje klase ili identifikatora praktički se ne pronalazi. To je zbog "bezbrižnosti" elementa. Ako ne dodijeli klasu, na kraju će svi spremnici 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

div u htmlu

blok

HTML se može definirati id ili id. klasa klase. 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 prikažu nigdje drugdje u kodu stranice. Klasa atribut omogućuje vam da primijenite isto stilu pravila na nekoliko elemenata. Ovaj pristup uvelike pojednostavljuje razvoj i podršku kodova. Uz to, 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, sam 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

div klasa

Kao što je gore već spomenuto, ova oznaka ne mijenja oblik ulomka stranice, no koristi se za stvaranje semantičke strukture s naknadnim oblikovanjem kroz stilske listove. 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 dokumenata 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, trebate promijeniti parametre prikaza bloka s svojstvom prikaza. Pored grupiranja ugniježđenih elemenata, oznaku

omogućuje oblikovanje lokacije sadržaja unutar njega. 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 pozicioniranje

Što je div u htmlu

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 specificirana su po širini i visini atributa. Ako nisu navedeni u stilu, 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 o tome što je

u HTML-u.

Dijelite na društvenim mrežama:

Povezan