DIV i SPAN

Anonim

i su HTML oznake koje definiraju elemente u HTML kodu.

HTML (Hypertext Markup Language) strukturirani je kôd koji se koristi za izradu i prikaz web stranica koje posjećujemo online, svakodnevno, na bilo kojem uređaju.

Druge tehnologije i programski jezici mogu se integrirati s HTML-om kako bi pružili dinamične i napredne značajke na web stranici.

Razumijevanje HTML-a

Hypertext Markup Language (HTML) je široko upotrebljavani označni jezik i odnosi se na strukturu i kod "iza" web stranice, prikazanu u web pregledniku.

HTML je tekstualna datoteka koja koristi određeni kôd (sintaksa) za definiranje stila stranice, sadržaja, izgleda i formata stranice. Markup izraz označava da se tekst / kod priprema za obradu i prezentaciju, tj. na web stranici, u web pregledniku.

World Wide Web Consortium (W3C) [i] prepoznaje HTML kao formalni označni jezik u razvoju web stranica, pa je stoga HTML podržao većina preglednika. Dakle, web stranice mogu biti razvijene na prepoznatljivom jeziku, koji se lako interpretiraju različitim preglednicima kako bi prikazali stranicu prema planeru.

Trenutačna verzija još uvijek upotrebljava HTML4, ali polako se ukida jer HTML5 dobiva više podrške i usvajanja za dinamične i responzivne web stranice.

Odgovornost postaje temeljna komponenta u razvoju weba kako bi se olakšalo i dinamičnije korisničko iskustvo koje mora biti smješteno na više uređaja kao što su pametni telefoni, tableti i prijenosna računala.

Kaskadne sheme stila (CSS) postaje sastavni dio izgradnje dinamičnih i responzivnih stranica. To je zasebna datoteka koja definira atribute za svaki element kao što je font, boja, poravnanje - pa razvojni programer nema znak stila elementa svaki put kad se koristi u HTML kodu.

Osnovna struktura HTML-a

Da biste najbolje iskoristili bilo koji razvojni jezik, pridržavanje standardne strukture datoteka i uzimajući u obzir najbolju uporabu sintakse ključni su za isporuku stabilnog, svrhovitog i vizualno privlačnog web sadržaja.

HTML stranica ima strukturu definiranu elementima (također označenim kao oznake). Kod pisanja HTML koda, ti su elementi prikazani u parovima - to znači da svaka oznaka treba otvaranje i zatvaranje. Početak i kraj.

Element se otvara s sintaksom: i zatvoren s , / kosa linija označava kraj te definicije tog elementa.

Elementi atributa i sadržaja definirani su između tih dviju točaka.

minimalni elementi potrebne za HTML datoteku su definicija, , (Samo HTML4) i oznake.

  • Definicija DOCTYPE

Definicija (DTD) prvo mora biti deklarirana kao prva oznaka u HTML datoteci, pa kada je stranica obrađena, web preglednik zna kakva je datoteka i može ispravno tumačiti i prikazati stranicu.

U HTML4 postoje varijacije DTD-a (ovisno o atributima stranice i elementima), no tipičnije će izjave biti uključene kao:

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

ili

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/strict.dtd”>

DTD u HTML5 mnogo je jednostavniji:

DOCTYPE HTML>

· HTML, HEAD i BODY

  • oznaka označava da je to HTML datoteka i to je korijen HTML elementa koji sadrži sve ostale elemente koji su u njemu definirani; kao i najbolja praksa, preporučuje se jezični atribut; na primjer:

DOCTYPE html>

  • je obavezan u HTML4, ali nije obavezan u HTML5. To je element koji sadrži druge elemente koji su relevantni za ovaj dio dokumenta, kao što su naslov, skripte za referiranje, definiranje stilova i metapodataka. Treba koristiti zatvorenu oznaku prije definiranja
  • Element sadrži glavni sadržaj stranice, uključujući tablice, slike, popise itd oznaka je zatvorena,
element sada može završiti. Upotreba novog HTML5
element nije obavezan za stranicu ili u drugi dio sadržaja.

HTML elementi

HTML5 je stvorio nove elemente za jednostavnost razvoja i dizajna, a također je uklonio elemente koji se koriste u HTML4. Popis razlika između HTML4 i HTML5 objavljuje World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Uz poboljšanja i nove elemente, u kombinaciji s napredovanjima CSS-a, neki se elementi mogu koristiti na različite, bolji način nego prije, a web stranice postaju sve brže, više lice bogate i lijepe za gledanje! s CSS, koji se koristi s HTML5 može zamijeniti određene elemente koji su pretjerano upotrebljavani, kao što je

.

oznaka je popularna pri odvajanju sadržaja na stranici. Prilikom izrade ovog elementa automatski se ubacuje stanka

da bi tekst ili sadržaj ostali zajedno, umjesto na tekst koji ide preko stranice.

S pristupom web stranicama i optimizacijom tražilice, tehnike postaju prilično znanost i preporučuje WC3 da se ne uvijek vrati na korištenje

u HTML5.

Kao primjer za uredno strukturiran, ali jednostavan blog oblik, razmotrite nove HTML5 elemente s CSS umjesto korištenja

element; upotrijebite element za glavni sadržaj,
element za označavanje ili odvajanje bilo kojeg sadržaja na stranici, zaglavlju ili podnožju (bilo gdje!) i