Web dizajn, kao i svaka industrija ili struka, ima svoj jezik. Kada uđete u industriju i počnete razgovarati sa svojim vršnjacima, nesumnjivo ćete se susresti s naletima i izrazima koji su vam novi, ali koji proizlaze iz jezika vaših kolega web profesionalaca. Dva pojma koju čujete su oznaka "HTML" i "element".
Kao što čujete ta dva izraza govoreći, možete shvatiti da se koriste nešto zamjenjivo. Kao takvo, jedno pitanje koje mnogi novi web stručnjaci imaju kada počnu raditi s HTML kodom jest "koja je razlika između HTML oznake i HTML elementa?"
Iako su ova dva izraza slična u značenju, oni zapravo nisu sinonimi. Pa, što je sličnost s ova dva termina? Kratki odgovor je da se obje oznake i elementi odnose na oznaku koja se koristi za pisanje HTML-a. Na primjer, možete reći da koristite
oznaku za definiranje stavka ili elementa za stvaranje veza. Mnogi ljudi upotrebljavaju pojmove oznake i element međusobno, a bilo koji web dizajner ili razvojni programer s kojim biste razgovarali razumjeli biste što mislite, no stvarnost je da postoji mala razlika između ova dva izraza.
HTML oznake
HTML je označni jezik, što znači da je napisan sa kodovima koje osoba može čitati bez potrebe da se prvo sastavlja. Drugim riječima, tekst na web stranici "označen" ovim kodovima daje upute web pregledniku o tome kako prikazati tekst. Ove označne oznake su same HTML oznake.
Kada pišete HTML, pišete HTML oznake. Sve HTML oznake sastoje se od niza određenih dijelova, uključujući:
- Manji znak
<
- Riječ ili znak koji određuju oznaku koja je napisana
- Bilo koji broj izbornih HTML atributa u obliku a
name = "vrijednost" par
- I na kraju veći znak
>
Na primjer, ovdje su neke HTML oznake:
To su sve oznake otvaranja HTML-a, bez dodanih dodatnih atributa. Te oznake predstavljaju:
-
- definira stavak
-
- definira stranicu kao HTML
-
- definira podjelu
Sljedeće su također HTML oznake:
-
-
-
- je neuredan popis koji sadrži ID atribut
- Podjela ima atribut klase
- Element sidra ili veze uključuje atribut "href"
- Oznaka slike s atributom "src"
Ti primjeri obuhvaćaju atribute dodane početnim HTML oznakama.
Za sidro i slikovne oznake, atributi zapravo nisu neobvezni, nužni su za prikazivanje tih oznaka. Morate reći vezu gdje ići (što je ono što "href" radi) i sliku što pokazati (što je ono što daje atribut "src").
Što su HTML elementi?
Prema W3C HTML specifikaciji, element je osnovni građevni blok HTML-a i obično se sastoji od dvije oznake : oznaka za otvaranje i završna oznaka. Do sada smo samo gledali na otvaranje oznaka, koja pokreće elemente. Da biste zaustavili taj element, upisujete odgovarajuće završne oznake.
Primjerice, za element stavka koji ovo napišete:
To je sastavljena od otvaranja oznake koju smo vidjeli prije nekoliko trenutaka, kao i zatvaranja oznake - Gotovo svi HTML elementi imaju početnu oznaku i završnu oznaku. Ove oznake okružuju tekst koji će se prikazati na web stranici. Na primjer, za napisati odlomak teksta, napišite tekst koji će se prikazati na stranici i zatim ga okružite ovim oznakama: Ovdje biste napisali tekst odlomka koji želite prikazati na web stranici. Neki HTML elementi nemaju završnu oznaku. To se zove "prazni elementi". Ponekad se nazivaju i "singleton" ili "void" elementi. Prazni elementi jednostavni su za upotrebu jer samo na vašu web stranicu morate uključiti jednu oznaku, a preglednik će znati što učiniti. Na primjer, da biste dodali pojedinačnu pauziranu liniju na svoju stranicu, upotrijebite Drugi uobičajeni element koji uključuje samo oznaku za otvaranje jest element "slike". Na primjer: Ovaj smo primjer vidjeli ranije, ali za ovaj element slike nema zatvaranja oznake. Preglednik bi jednostavno zamijenio ovaj kod sa slikom koja je navedena u atributu "href". U ovom slučaju, to bi bilo "logo.png". Općenito, kada se odnose na HTML element ili oznaku, upotrijebit ćemo pojam "element" kako bismo naznačili da se odnosimo na sve dijelove elementa (obje oznake otvaranja i zatvaranja). Koristimo samo "oznaku" kada se odnosi samo na jedno ili drugo. To je pravilna upotreba ovih dvaju pojmova i preporučujemo vam da ih pravilno upotrebljavate - ali samo znajte da ćete ih malo skliznuti i izmjenjivati i dalje ćete ih razumjeti za novog vršnjaka za razvoj web stranica!
označiti.
