Razlika med DIV in SPAN

in so oznake HTML, ki definirajo elemente v kodi HTML.

HTML (Hypertext Markup Language) je strukturirana koda, ki se uporablja za izdelavo in prikaz spletnih strani, ki jih obiskujemo vsak dan na spletu, v kateri koli napravi.

Druge tehnologije in programski jeziki se lahko integrirajo z HTML, da se zagotovijo dinamične in napredne funkcije na spletnem mestu.

Razumevanje HTML-ja

Oznaka hiperteksta (HTML) je široko uporabljan označevalni jezik in se nanaša na strukturo in kodo spletne strani, ki je prikazana v spletnem brskalniku.

HTML je besedilna datoteka z določeno kodo (sintakso) za določitev sloga, vsebine, postavitve in oblike strani. The Označevanje izraz pomeni, da se besedilo / koda pripravlja za obdelavo in predstavitev, tj. na spletni strani, v spletnem brskalniku.

Konzorcij World Wide Web (W3C) [i] prepozna HTML kot formalni označevalni jezik pri razvoju spletnih strani, zato HTML podpira večina brskalnikov. Spletne strani se tako lahko razvijejo v priznanem jeziku in jih različni brskalniki zlahka razlagajo tako, da stran postanejo po načrtu oblikovalca.

Trenutno uporabljana različica je še vedno HTML4, vendar se počasi opušča, saj HTML5 pridobi večjo podporo in sprejetje dinamičnih in odzivnih spletnih strani.

Odzivnost postaja temeljni sestavni del spletnega razvoja za lažjo in bolj dinamično uporabniško izkušnjo, ki mora biti nameščena na več napravah, kot so pametni telefoni, tablični računalniki in prenosniki.

Kaskadni listi sloga (CSS) postaja sestavni del gradnje dinamičnih in odzivnih strani. To je ločena datoteka, ki določa atribute za vsak element, kot so pisava, barva, poravnava - tako da razvijalcu ni treba vsakič, ko ga uporablja v kodi HTML, navesti slog elementa..

Osnovna struktura HTML

Da bi kar najbolje izkoristili kateri koli razvojni jezik, je spoštovanje standardne strukture datotek in upoštevanje najboljše uporabe sintakse ključno pri zagotavljanju stabilne, namenske in vizualno privlačne spletne vsebine.

Stran HTML ima strukturo, ki jo določajo elementi (imenovani tudi oznake). Pri pisanju kode HTML so ti elementi prikazani v parih - to pomeni, da vsaka oznaka potrebuje odpiranje in zapiranje. Začetek in konec.

Element se odpre s skladnjo: in zaprl s.  The / nagibna črta označuje konec definicije tega elementa.

Atributi in vsebina elementov so opredeljeni med tema dvema točkama.

The minimalni elementi Za datoteko HTML so potrebne definicija,, (samo HTML4) in oznake.

• DOCTYPE Opredelitev

Definicijo (DTD) je treba najprej označiti kot prvo oznako v datoteki HTML, tako da ob obdelavi strani spletni brskalnik ve, za katero vrsto datoteke gre, zato lahko pravilno interpretira in prikaže stran.

V HTML4 obstajajo različice DTD-ja (odvisno od atributov strani in elementov), ​​vendar bi bili tipičnejši stavki vključeni kot:

ali

DTD v HTML5 je veliko enostavnejši:

· HTML, GLAVA in TELO

• Oznaka pomeni, da gre za datoteko HTML in to je koren elementa HTML, ki vsebuje vse druge naslednje elemente, definirane v njej; vključno z jezikovnim atributom se priporoča kot najboljša praksa; na primer:

• Zahteva se v HTML4, ni pa obvezna v HTML5. To je element, ki vsebuje druge elemente, pomembne za ta del dokumenta, kot so naslov, sklicevanje na skripte, definiranje slogov in metapodatkov. Pred definiranjem oznake je treba uporabiti zaprto oznako 
• Element vsebuje glavno vsebino strani, vključno s tabelami, besedilom slik, seznami itd. Ko se oznaka zapre, se element zdaj lahko konča. Uporaba novega elementa HTML5 ni obvezna za stran ali drug del vsebine.

Elementi HTML

HTML5 je ustvaril nove elemente za lažji razvoj in oblikovanje, odstranil pa je tudi elemente, uporabljene v HTML4. Seznam razlik med HTML4 in HTML5 objavlja konzorcij svetovnega spleta (W3C) [ii].

HTML DIV TAG

Skupaj z izboljšavami in novimi elementi v kombinaciji z napredkom CSS lahko nekatere elemente uporabljate na drugačne, boljše načine kot prej, spletne strani pa postajajo hitrejše, bolj bogate in lepe na pogled! s CSS-om, ki ga uporabljate s HTML5, lahko nadomestite nekatere elemente, ki so bili preveč uporabljeni, npr .

Oznaka je priljubljena pri ločevanju vsebine na strani. Pri ustvarjanju tega elementa samodejno vstavi prelom
da besedilo ali vsebino hranite skupaj, namesto da bi besedilo prehajali po strani.

Z dostopnostjo spletnega mesta in optimizacijo iskalnikov postanejo tehnike precej znanost in WC3 priporoča, naj se ne uporabljajo vedno v HTML5.

Kot primer za lepo strukturirano, a preprosto obliko zapisa bloga, namesto elementa uporabite nove elemente HTML5 s CSS; element uporabite za glavno vsebino, element označite ali ločite katero koli vsebino na strani, glavi ali nogi (kjer koli!), element pa lahko uporabite za zadrževanje menijskih ali skupinskih povezav za brskanje po strani.

Ti novi elementi zlahka prepoznajo vrsto vsebine s pomočjo HTML5. Vendar se oznaka uporablja tudi s CSS-om za ustvarjanje odzivnih spletnih mest.

Če ustvarite vsak element (s svojim lastnim id-jem ali razredom), je mogoče definirati datoteko CSS, ki manipulira z vsakim elementom.

Spodnji primer HTML prikazuje primer uporabe več elementov:

Moji primeri

Elementi imajo lahko različne atribute, natančno različne velikosti za odzivno interakcijo, odvisno od velikosti zaslona naprave, ki se uporablja.

Tu je primer, kako je mogoče vsak element oblikovati v ustrezni datoteki CSS HTML - s sklicevanjem na vsako oznako.

# Vodja

širina: 800px;

višina: avto

rob-levo: samodejno;

rob-levo: samodejno;

#Featured

višina: 150px;

Barva ozadja: #CCC;

HTML SPAN TAG

Element je vhodni element in se ne zlomi v črte, razen če se zlomi
se uporablja oznaka in definirano besedilo (vsebina) med odprtimi in tesnimi oznakami je prikazano kot vrstica (privzeto brez uporabe drugih elementov).

Vročni elementi so besedilni elementi v datoteki HTML in jih je mogoče določiti v vrstici drugega elementa.

Kot, element nima pomen za optimalno referenco. V bistvu prikazuje vsebino elementov takšno, kot je, vendar je v CSS mogoče določiti vse primere za styling, če jih pravilno označimo in obogatimo z drugimi atributi ali z njimi manipuliramo z JavaScript.

V spodnjem primeru modro besedilo poudarja, kako lahko span element gnezdi kot vhodni element z različnimi atributi kot njegov nadrejeni element - odstavek p>:

Če želite odpreti primer, kliknite ikono na dnu strani.

Če ga gledamo v spletnem brskalniku, bo besedilo v zgornjem elementu prikazano z drugo pisavo do odstavka, s čimer bo poudarjeno, kje mora uporabnik klikniti, da dostopi do primera.

Upoštevajte, da med HTML4 in HTML5 ni razlik.