HTML Div: primeri uporabe

12. 3. 2019

Formalizacija informacij je pomemben vidik objektivne izjave in pravilna rešitev naloge oblikovanja učinkovite spletne strani. Rezultat formalizacije je sistematična predstavitev predmetnega področja, struktura odnosov med podatki in konstrukcija tematskih blokov. Oznaka HTML div je blok informacij, del splošnega sistema, rezultat procesa obdelave informacij o usposobljenosti in funkcionalnosti spletnega vira.

Splošna struktura in logika spletne strani

Formalno se iskalniki razlikujejo od spletnih trgovin, vizitke pa so zgrajene povsem drugače kot korporativni portali. Ponavadi ni težko razumeti logike razvijalca, vendar se lahko ideje kupca predstavijo le v času in v dinamiki razvoja mesta. Splošni vzorci ustvarjanja visokokakovostnih virov so se oblikovali in veljajo za temeljne. Sodoben obiskovalec spletnega mesta je vedno “kompetenten” in na katerem koli spletnem viru “ve”, kaj mora storiti.

Struktura strani HTML

Vsak od priljubljenih sistemov za upravljanje spletnih strani ponuja svoj pogled na temeljna stališča v oblikovanju in pomembne subjekte v strukturi in vsebini strani spletnega mesta. Na stari način so vsi označeni z divom na strani HTML:

  • pokrovček;
  • „Body“ + meni (navpično ali vodoravno);
  • levi in ​​/ ali desni stolpci kot deli telesa ali njegovo dopolnilo;
  • v kleti.

V trenutni uporabi razvijalca, vse to zveni bolj prozaično: glava, telo, noga ali "glava", "vsebina" in "noga". Če želite dodati ali ne levi in ​​desni stolpec, to pomeni, da razdelite vsebino spletnega mesta na osrednji tok podatkov, sta leva in desna stran kompetenca razvijalca in podrobnosti problema, ki ga je treba rešiti.

Uporabite tabele (tabela HTML) ali div (HTML div) - ni posebne razlike. Celotno stran lahko celo razložite z enim seznamom (ul in li): to je sveže in ekstravagantno, vendar bo delovalo. Izbira postavitve za razvijalca, vendar v skladu z ustaljeno tradicijo, vsak izbere postavitev v blokih. Uporabite HTML div in CSS v slogu - preprosta, berljiva in produktivna.

Bistvo informacijskega bloka

Izraz "informacije" v internetnem programiranju ima svoj pomen. Ti podatki so vsekakor strukturirani in predstavljeni. Informacije so veliko širši pojem. V programiranje spletnih virov Ta izraz nosi najmanjši možni pomen in obseg.

Semantika bloka HTML div

Velikost in položaj HTML oznake div: širina / višina in levo / vrh sta lahko absolutna in relativna. S tem, ko postavljate oznake v drugo, lahko spreminjate položaj in velikost. Spreminjanje pravila Položaj CSS od absolutnega do relativnega lahko v oknu brskalnika nadzorujete položaj oznak med seboj.

Brskalnik kot aplikacija nosi zapuščino lokalnega programiranja: to je program, ki ima okno, v katerem je prikazan hipertekstni jezik, dopolnjen s stili CSS in animiran z delom kode JavaScript.

Lahko se spomnimo delitve razvoja na frontend in backend, ki ga imajo vsa podjetja (internetni studii), vendar to ne spremeni bistva. Ni pomembno, kako se je blok pojavil na strani HTML: napisana je bila v »pisalah« ali pa je nastala kot rezultat PHP skripta, ki se izvaja na strežniku. Pomembno je, da je vsaka oznaka Div kot sestava HTML / CSS pozicija, velikost, barva (znak / ozadje), preglednost, preoblikovanje, gibanje, obrobe itd.

Atributi in funkcije za opis bloka informacij Pravila CSS zagotavljajo veliko raznolikost, logika HTML pa omogoča uporabo divov za njihov namen in za logiko in izkušnje razvijalca.

HTML div je na primer:

  • ovoj, to je postavitev sistema oznak;
  • območje umestitve točk za obdelovalce JavaScripta;
  • "Niz" oznak za obdelavo.

Prva možnost je primerna, če potrebujete vitko sestavo oznak, ki jih lahko enostavno premaknete na pravo mesto, pri čemer določite samo koordinate ovojnice: vse znotraj se bo samodejno premaknilo.

Druga možnost, kot je zemljevid območja ali stavbe, v kateri je vsaki točki na zemljevidu dodeljen lastni vodnik, in klikanje na stanovanje ali okno stavbe, bi morala dati potrebne informacije.

Zemljevid lokacije

Tretja možnost močno poenostavi obdelavo zbirk oznak: razvijalec lahko namesto, da bi pregledoval celotno zbirko oznak HTML div (body), izvede iskanje znotraj posamezne oznake, ki je nevidna in ne slišana, vendar vključuje vse ustrezne položaje.

Primer opisa in uporaba razdelka

Doslednost pri vseh tokovih informacij. Pretok informacij med brskalnikom in strežnikom ima vedno pomembne časovne in tehnične parametre, vendar to sploh ne pomeni, da se tok HTML prenaša tako kot v okno brskalnika.

Primer odvajanja

V primeru sta opisana samo dva bloka, drugi blok pa razdeli vsebino prvega na dva dela. Ta okoliščina ne vpliva na rezultat. Drugi blok je pol prosojen in pokriva prvi blok. Kar zadeva barvno mešanje, ni težav in obstaja učinek, ki ga je mogoče uporabiti.

Prekrivanje enega besedila na drugega je sumljivo iskan rezultat, vendar je možnost zanke zanimiva rešitev. Lahko imate blok besedila, v katerem bo plavajoči div s podrobnostmi o besedah ​​ali frazah. Možna je tudi druga praktična rešitev.

Razredi in identifikatorji blokov

HTML je zbirka elementov. Slogi CSS omogočajo ustvarjanje razredov. Edinstvene postavke so označene z identifikatorji. Tako začetniki kot izkušeni programerji lahko uporabljajo identifikatorje, kot so razredi, ko ni potrebe po iskanju elementov prek rokovalcev JavaScript.

Razredi in ID-ji

Postavitve gurmani raje vedno in v vsem raje razrede. Pogosto je težko razumeti kodo strani, ki jo opisujejo razredi. Barvanje vseh divov in drugih elementov s pomočjo identifikatorjev je zelo težka naloga, vendar vedno berljiv rezultat.

Razvijalec je prisiljen uporabiti razrede, ko je spletno mesto razvito na podlagi sistema upravljanja spletnega mesta ali uporablja priljubljeno predlogo. Praksa kaže, da znanje in spretnosti razvijalca vedno predlagajo pravilen izhod iz vsake situacije.

Pomembno je, da bo vsaka skladenjsko pravilna uporaba DIV-a v HTML-ju delovala, kot je predpisano s pravili.

Glave in preprosti bloki

HTML-stran v klasičnem pomenu razkriva temo. V bistvu naslov določa kontekst strani. Informacijski bloki se imenujejo identifikatorji - to je ime za programerja. Ime razreda sploh ni ime, ampak povezava do niza pravil. Ena diva je lahko dodeljena več razredom, vendar le en identifikator.

Glave in preprosti bloki

V praksi je za obiskovalca naslov pomemben ne samo za stran kot celoto, temveč tudi za predmet določenega bloka informacij. Uporaba naslova Div kot naslova v HTML kodi je priročna. To je še posebej praktično, če se naslov uporablja za obdelavo in ima poseben pomen.

Možnost medsebojnega gnezdenja blokov, pravilna prekrivnost blokov in njihovo presečišče omogočajo razvoj produktivnih strani in ustvarjanje tematsko dokončanih mest.

Čudovita razporeditev

Usmerjenost k dinamičnemu in razvitemu rezultatu je sistematizirana informacija, to je sistem blokov, ki so med seboj povezani s pomenom odnosov. Ni pomembno, kaj vzeti za osnovo: tabela, seznam ali samo blok.

Praksa kaže: vse elemente HTML morate uporabiti glede na njihov osnovni namen in združiti želeno rešitev.

Formalizacija obsega in problema, ki ga je treba rešiti, je glavni cilj pri ustvarjanju katerega koli spletnega vira. Dejanski rezultat je odvisen od tega, kako pravilno in celovito poteka analitično delo.