OqPoWah.com

Kaj je HTML, značilnosti strukture

HTML je nedvomno glavni jezik interneta, ki je nastal z njim. Kakorkoli že, sodeluje pri ustvarjanju in delovanju vsake spletne strani na svetovnem spletu. Brez razumevanja, kaj je HTML in kako deluje, je nemogoče spremeniti kontinuirani tok besedila, ki je na začetku katerikoli dokument, na strukturirano, lepo in uporabniku prijazno spletno stran.

HTML in svetovni splet

Kratica je izpeljana iz angleške fraze HyperText Markup Language. Prevod v celoti pojasnjuje, kaj je HTML - jezik hipertekstnega označevanja. Pojavil se je na zacetku razvoja interneta in je bil zasnovan za oblikovanje spletnih strani, ki vsebujejo znanstveno in tehnicno dokumentacijo, ki jo je treba posebej oblikovati.

Tim Berners-Lee, ustvarjalec jezika, je domneval, da bi z njegovo pomočjo lahko preprosto ustvarili preproste, vendar razumljive dokumente za izmenjavo med znanstveniki iz različnih mest in držav. Razvil je niz deskriptorjev - elementov, ki oblikujejo besedilo. Zdaj jih poznamo pod imenom "oznake".

Da bi bilo besedilo HTML pravilno prikazano, je potrebna njegova obdelava. To storijo posebni programi - brskalniki. Prejmejo oznako, razlagajo oznake oznak in prikažejo besedilo v obliki, v kateri jo mora uporabnik videti.

Zelo pomemben del jezika, ki je razumljiv tudi iz njenega imena, je podpora hiperteksta. To pomeni, da lahko nekatere strani HTML vsebujejo povezave z drugimi. Zelo pomemben sistem navzkrižne reference ki je za znanstvene članke omogočal, da se ne razširi v razlago zapletenega izraza, temveč preprosto pošlje bralcu, če je potrebno, v ustrezno poglavje.

Razvoj jezika

S časom se je preprost nabor oznak, ki jih je HTML na začetku svojega obstoja, povečal in dozorekel. Obstaja možnost za vdelavo multimedijskih vsebin na stran, ustvarjanje tabel, upravljanje ureditve slik.

Spontano širitev jezika je treba omejiti in prevzeti pod nadzorom, nekateri standardi so potrebni.

Raznolikost brskalnikov

1995 - čas sprejetja tretje različice specifikacije in prelomna točka usode kodirnika. Takrat moderni, brskalniki niso mogli več zagotavljati izvajanja sprejetih standardov, se je začela improvizacija in razsipavanje. Vsak spletni brskalnik je imel lastno mnenje o tem, kaj je HTML in kako ravnati s specifičnimi deskriptorji.

Na srečo, trenutno so glavne protislovja med brskalniki gladke, pri čemer se razvijalcem frontendu veliko moči in živcev.

HTML5

Dejansko za leto 2018 je peti HTML standard, osnutek katerega se je pojavil konec leta 2007. Z njo so bili uvedeni številni novi elementi in atributi, poseben poudarek je bil na semantiki spletnih strani in njihovi dostopnosti za uporabnike s posebnimi potrebami.

Jezik se še naprej aktivno razvija in izboljšuje.

Peti standard HTML

Osnove HTML

Glavne strukture HTML so deskriptorji ali oznake in entitete. Preprosto besedilo, obdelano z njihovo pomočjo, postane spletni dokument.

Subjekti jezika za označevanje hiperteksta so mnemonske kode za posebne znake Unicode, ki niso na običajnih tipkovnicah.

Primeri subjektov:

lt-kotni kot odpiranja
gt;zapiralni kotnik
larr-tanka puščica, ki kaže levo
uarr-tanka puščica navzgor

Ustvari HTML se začnejo z ampersand, konča s podpičjem in vsebuje simbol simbola, ki ga je enostavno zapomniti za znak. Pomembni so, ker vam omogočajo, da prikažete znake, ki jih ni mogoče neposredno zapisati v HTML kodi.

Takšni znaki vključujejo, na primer, kotne oklepe. V jeziku hiper-besedilne označbe služijo kot identifikator oznake, ki obdaja ime deskriptorja z dveh strani.

HTML oznake

Oznake so glavne strukturne komponente spletnega dokumenta. To so posode iz odprtih in zapiralnih delov ter vsebine med njimi.

Primer oznake:

besedilo znotraj oznake

To je deskriptor HTML i, definira italic font style. Pismo i je prva črka besede italic. Ima:

  • odpiranje -
  • zaključni del , značilen po prisotnosti poševnice;
  • vsebina, ki jo bo brskalnik po razčlenjevanju prikazal v poševnem tisku.
HTML struktura oznak

Večina deskriptorjev ima enako strukturo, vendar je majhna skupina praznih oznak.

Dolgo besedilo, ki sledi
razčleniti na več vrstic
izboljšati berljivost.

Oznaka
Po razčlenjevanju se bo zamenjal s prelomom linije. Nima nobene vsebine, tako da zaključni del ni potreben.

Tudi naslednje oznake so prazne:

  • , Tanka siva črta, ki ločuje bloke besedila drug od drugega;
  • , ki predstavljajo vso družino interaktivnih elementov oblik;
  • , slikovna datoteka, ki se povezuje;
  • številne servisne oznake - , .

Deskriptorji so lahko ugnezdeni v poljubnem številu ravni. Edina izjema so prazne oznake, znotraj katerih vsebine ni mogoče vsebovati.

Atributi atributov

Velik pomen pri ustvarjanju spletnih dokumentov ima atribute, ki so postavljeni v začetni element oznake. Deskriptor ima lahko eno ali več lastnosti ali jih sploh ne more imeti.

V večini primerov so s pomočjo atributov določeni nekateri vidiki vedenja elementa, včasih pa tudi radikalno spremenijo vizualno predstavitev. Številne lastnosti se uporabljajo za poslovne namene, ki vam omogočajo upravljanje oznak HTML iz CSS ali jаvascript.

Nastavitev atributa:

Izberite barvo: rdeča rumena zelena



Tukaj je skupina treh interaktivnih elementov. Atribut tip določi njihov prikaz v obliki potrditvenega polja, ime vsebuje ime določenega polja in lastnost preveri, ki nima vrednosti, naredi drugi sklep izbran po privzetku.

Vhodna oznaka z atributi

Obstajajo univerzalni atributi, ki jih lahko definiramo za kateri koli deskriptor in specifične, specifične za določene oznake.

Univerzalne lastnosti so: id, class, title.

Za specifične - zgoraj navedeno vrsto, preverite, kot tudi src, href in številne druge.

Funkcije sintakse

Ko prejmete stran HTML, jo brskalnik razčleni in zavrže vse, kar je odveč. Na primer, v večini primerov se ne upošteva več presledkov in prelomov vrstic.

Naslednji dve odrezi kode sta popolnoma identični za brskalnik, čeprav eden od njih vsebuje veliko zaporednih presledkov in je razdeljen v vrstice, drugi pa ni.

Lorem ipsum dolor sit  amet.
doloribus sunt,ad provident.
Lorem ipsum dolor sit amet.
doloribus sunt, ad provident.

Migracije in zavihki se lahko uporabljajo za vizualno strukturo kode, vendar v brskalniku niso pomembne. V nekaterih primerih, če želite ohraniti izvirno obliko besedila skupaj s presledki in indentami, obstajajo oznake, ki prikazujejo njihovo vsebino, ne da bi jih brskalnik moral predhodno obdelati, na primer, 

.
HTML je neobčutljiv na primere. To pomeni, da so lahko oznake, imena in vrednosti atributov napisane z malimi črkami ali velikimi črkami, brskalnik pa enako pravilno obravnava obe možnosti. Če želite, lahko celo uporabite kombinacije velikih in majhnih črk, vendar to preprečuje normalno zaznavanje kode.
Ko se seznanite s oznakami, njihovimi lastnostmi in sintakso, se lahko iz osnutka jezika HTML premaknete v strukturo dokumenta HTML kot celote.
Izdelava dokumenta HTML
Vsaka spletna stran mora imeti določen okvir, ki ga bo brskalnik pravilno prikazal.
Obvezna struktura dokumenta HTML vključuje:
  • izjavo o doktitu, ki omogoča pravilno obdelavo v brskalniku;
  • html-ovoj celotne strani;
  • namenski servisni del glava.
Standard HTML5 ne zahteva obvezne oznake telo v dokumentu, vendar priporočamo, da jo še vedno uporabljate za označevanje območja vsebine.
Zahtevana struktura dokumenta HTML
Pomembni, a neobvezni deskriptorji storitev so:
  • naslov, ki vsebuje naslov strani;
  • meta oznake, ki opredeljujejo kodiranje, seo-informacije, http-zaglavne in druge pomembne nastavitve.
Naslov strani
Preostala struktura strani HTML je lahko katera koli. Njene značilnosti so odvisne od posameznega projekta.
Glavno pravilo, ki ga je treba upoštevati v katerem koli spletnem dokumentu, je pravilno gnezdenje oznak. Prvič, deskriptor na najgloblji stopnji gnezdenja je zaprt, nato pa so vsi zunanji tisti izmenično.
Besedilo odstavka
Semantična struktura
Ker se je specifikacija razvila in postala bolj zapletena in pojavili se novi deskriptorji, so se tehnologije za ustvarjanje spletnih dokumentov spremenile. Sprva so bila besedila zvezni tok, ločeni pa so le odstavki. Nato je prišla doba tabularne postavitve, ki je omogočala postavitev blokov na strani v kateri koli konfiguraciji, na primer stolpce.
Z razvojem CSS-a iz uporabe tabel, ki se postopno opustijo, ker so slogi dovolili formalizirati dokument, kot želite.
Hypertext označevalni jezik za spletne strani
Novi standard HTML spodbuja semantiko v strukturi dokumenta HTML. To se doseže z uporabo takšnih semantičnih oznak kot glava, noga, glavni, članek, nav, oddelek in drugi.
Glavni jezik interneta je zelo preprost. Vsakdo lahko razume, kaj je HTML, in to znanje uspešno uporabi tako, da oblikuje svoje spletne strani.
 
Zdieľať na sociálnych sieťach: 

 
Príbuzný