Što je HTML, značajke strukture

HTML je, bez sumnje, glavni jezik Interneta, koji je nastao s njom. U svakom slučaju, on je uključen u stvaranje i rad svake web stranice na World Wide Webu. Bez razumijevanja HTML-a i načina na koji to funkcionira, nemoguće je pretvoriti kontinuirani tok teksta koji je u početku bilo koji dokument u strukturiranu, lijepu i jednostavnu stranicu.

HTML i World Wide Webu

Skraćenica je izvedena iz engleske fraze HyperText Markup Language. Prevođenje u potpunosti objašnjava što je HTML - jezik hipertekstualnog označavanja. Pojavila se u zoru razvoja Interneta i bila je namijenjena za izradu web stranica koje sadrže znanstvenu i tehničku dokumentaciju, koja posebno treba biti ispravno dizajnirana.

Tim Berners-Lee, tvorac jezika, pretpostavlja da će uz njegovu pomoć lako stvoriti jednostavne, ali razumljive dokumente za razmjenu znanstvenika iz različitih gradova i zemalja. Razvio je skup deskriptora - elemenata koji oblikuju tekst. Sada ih poznajemo pod imenom "oznake".

Da bi se tekst HTML-a ispravno prikazao, njegova obrada je potrebna. To se postiže posebnim programima - preglednicima. Primaju oznaku stranicu, tumače opisne oznake i prikazuju tekst u obliku u kojem korisnik treba vidjeti.

Vrlo važan dio jezika, koji je i razumljiv čak iz svog imena, je podrška hiperteksta. To znači da neke HTML stranice mogu sadržavati veze s drugima. Posebno važan sustav unakrsne reference imao je za znanstvene članke, dopuštajući da ne ulaze u objašnjenje složenog pojma, već jednostavno pošaljite čitatelju, ako je to potrebno, odgovarajućem poglavlju.

Razvoj jezika

Kako je vrijeme prolazilo, jednostavan skup oznaka koje je HTML bio na početku svog postojanja postao je sazrijan. Bilo je prilike ugraditi multimedijski sadržaj na stranicu, izraditi tablice, upravljati rasporedom slika.

Spontano širenje jezika trebalo bi se suzbiti i poduzeti pod kontrolom, potrebni su određeni standardi.

1995 - vrijeme usvajanja treće verzije specifikacije i prekretnica u sudbini kodera. Moderni u to vrijeme, preglednici više nisu mogli osigurati provedbu prihvaćenih standarda, počela je improvizacija i delaminacija. Svaki internetski preglednik imao je vlastito mišljenje o tome što je HTML i kako postupati s određenim deskriptorima.

Srećom, u ovom trenutku, glavne proturječnosti između preglednika smanjuju se, čime frontend razvojnim programerima štede puno snage i živaca.

HTML5

Stvarni za 2018. je peti HTML standard, čiji se nacrt pojavio krajem 2007. godine. U njemu su uvedeni mnogi novi elementi i atributi, posebice je stavljen na semantiku web stranica i njihovu dostupnost korisnicima s invaliditetom.

Jezik se i dalje aktivno razvija i poboljšava.

Osnove HTML-a

Glavne HTML-strukture su deskriptori, oznake i entiteti. Jednostavan tekst, obrađen uz pomoć, pretvara se u web dokument.

Subjekti hipertekstualnog označnog jezika su mnemonički kodovi za posebne Unicode znakove koji se ne nalaze na konvencionalnim tipkovnicama.

Primjeri entiteta:

HTML entiteti započinju s apsorberom, završavaju točkom sa zarezom i sadrže lako zaokupljeni znak koda za lik. Važni su jer vam omogućuju prikazivanje znakova koji se ne mogu izravno istaknuti u HTML kodu.

Takvi znakovi uključuju, na primjer, kutne zagrade. Na jeziku hipertekstualnog označavanja služe kao identifikatori oznaka, koji okružuju naziv deskriptora s dvije strane.

HTML oznake

Oznake su glavne strukturne komponente web dokumenta. Oni su spremnici s dijelova otvaranja i zatvaranja i sadržaj između njih.

Primjer oznake:

tekst unutar oznake

Ovo je HTML deskriptor ja, definiranje stila kurzivog fonta. Pismo i je prvo slovo riječi italic. On ima:

• otvoreni dio -
• zatvoreni dio , karakterizirana prisutnošću proreza;
• sadržaj koji će nakon pregledavanja preglednika biti prikazan kurzivom.

Većina deskriptora ima istu strukturu, ali postoji mala skupina praznih oznaka.

Dugi tekst koji slijedi
razbiti u nekoliko redaka
za poboljšanje čitljivosti.

oznaka
Nakon raščlanjivanja bit će zamijenjen prekidom linije. Nema sadržaja, pa zatvarni dio nije potreban.

Sljedeće oznake su također prazne:

• , Tanka siva linija koja razdvaja blokove teksta jedna od druge;
• , predstavljaju cijelu obitelj interaktivnih elemenata oblika;
• , slikovnu datoteku koja se povezuje;
• brojne servisne oznake - , .

Deskriptori mogu biti ugniježđeni na bilo kojem nivou. Jedina iznimka su prazne oznake unutar kojih se sadržaj ne može sadržavati.

Atribut oznaka

Velika važnost prilikom izrade internetskih dokumenata imaju atribute koji se smještaju u element otvaranja oznake. Opis može imati jedno ili više svojstava ili ih uopće nemaju.

U većini slučajeva, uz pomoć atributa, određeni su aspekti ponašanja elementa, a ponekad i oni mogu radikalno promijeniti vizualni prikaz. Nekoliko se svojstava upotrebljava u poslovne svrhe, omogućujući vam upravljanje HTML oznakama iz CSS-a ili jаvascript-a.

Postavka atributa:

Odaberite boju: Red Yellow Green

Evo grupe od tri interaktivna elementa. atribut vrsta određuje njihov prikaz u obliku potvrdnih okvira, ime sadrži naziv određenog polja i entitet provjeren, nema vrijednost, drugi zaključak odabire prema zadanim postavkama.

Postoje univerzalni atributi koji se mogu definirati za sve deskriptore i specifične, specifične za određene oznake.

Univerzalna svojstva su: id, klasa, naslov.

Za specifične - gore navedeni tip, provjereni, kao i src, href i brojni drugi.

Sintakse značajke

Kada primite HTML stranicu, preglednik ga analizira i odbacuje sve što je suvišno. Na primjer, u većini slučajeva zanemaruje se više razmaka i prekida linija.

Sljedeća dva isječka koda potpuno su identična pregledniku, iako jedan od njih sadrži mnogo uzastopnih razmaka i slomljena je u retke, a drugi nije.

Lorem ipsum Dolor sjediti  amet.
doloribus sunt,oglas providan.
 
Lorem ipsum Dolor sjediti amet.
doloribus sunt, oglas providan.

Transferi i kartice mogu se koristiti za vizualnu strukturiranja koda, ali preglednik, oni nemaju nikakvu vrijednost. U nekim slučajevima, kada je potrebno zadržati izvorni oblik teksta razmacima i uvlaka, postoje oznake koje predstavljaju njihov sadržaj bez prethodne obrade preglednika, na primjer,

.

HTML je slučaj-neosjetljiv jezik. To znači da su imena oznaka i vrijednosti atributa mogu biti napisani malim slovima ili velikih slova, a obje verzije su jednako dobro biti obrađene od strane preglednika. Ako želite, možete čak i koristiti kombinaciju velikih i malih, ali to ometa normalan percepciju koda.

Nakon upoznavanja s oznakama, njihovim svojstvima i sintaksa, možete se prebaciti iz osnova HTML jezika na strukturu HTML dokumenta u cjelini.

Izrada HTML dokumenta

Svaka web stranica mora imati određeni okvir da bi ga preglednik ispravno prikazao.

Obavezna struktura HTML dokumenta uključuje:

• deklaracija doktorskog tipa, pružajući ispravnu obradu preglednika;
• html-omotač cijele stranice;
• namjenski servisni dio glava.

HTML5 standard ne zahtijeva obveznu oznaku tijelo u dokumentu, no preporučljivo je da ga i dalje upotrebljavate za označavanje područja sadržaja.

Važni ali opcionalni deskriptori usluga su:

• naslov koji sadrži naslov stranice;
• meta oznake koje definiraju kodiranje, SEO informacije, HTTP zaglavlja i druge važne postavke.

Ostatak strukture HTML stranice može biti bilo koji. Njegove značajke ovise o konkretnom projektu.

Glavno pravilo koje treba slijediti u bilo kojem web dokumentu je pravilno gniježđenje oznaka. Prvo, deskriptor na najdubljoj razini gnjezdanja je zatvoren, a onda su sve vanjske one naizmjence.

Tekst odlomka

Semantička struktura

Kako je specifikacija razvijena i postala složenija, pojavljuju se novi deskriptori, tehnologije za stvaranje web dokumenata promijenile su se. U početku, tekstovi su bili kontinuirani tok, odijeljeni samo odlomcima. Zatim je došlo vrijeme tabličnog rasporeda, što je omogućilo postavljanje blokova na stranicu u bilo kojoj konfiguraciji, na primjer, stupaca.

S razvojem CSS-a od upotrebe tablica postupno napuštenih, jer su stilovi dozvoljeni da formaliziraju dokument kakav želite.

Novi HTML standard potiče semantiku u strukturi HTML dokumenta. To se postiže korištenjem takvih semantičkih oznaka kao zaglavlje, podnožje, glavni, članak, nav, odjeljak i drugima.

Glavni jezik interneta vrlo je jednostavan. Svatko može razumjeti koji je HTML i uspješno primjenjuje ovo znanje stvaranjem vlastitih web stranica.

Dijelite na društvenim mrežama:

Povezan

• Što je WWW: povijest stvaranja World Wide Weba
• Koja je web stranica, kako je stvorena i učitana? Što trebam učiniti ako stranica nije dostupna?
• Što je FAK, ili Vječna pitanja na World Wide Webu
• Zašto trebam Internet na poslu? Koja je svrha brzog interneta?
• HTML-naredbe za izradu web stranica
• HTML oznake: izgled, programiranje, dizajn
• Povijest razvoja Interneta i e-pošte
• Što je poslužitelj i koje su njegove funkcije
• Što je XML format nego otvoriti i kako raditi s njom.
• Kako umetnuti sliku u HTML bez problema
• Tko je izumio Internet? Neke zanimljive činjenice
• Što je "raspored divova" prilikom izrade web mjesta, njegovih pro i kontra
• Što je izgled web-lokacije? Tablični i blokni izgled: razlike
• Što je globalna internetska mreža
• Kako se povezati s vašom web lokacijom
• Popis HTML oznaka s opisom
• Učinkovit asistent za bilo koji resurs - mjesto ogledalo
• World Wide Web. Povijest imena i način na koji su SAD stvorili Internet
• Koje su oznake? Mi se obratimo ...
• Hypertext je način predstavljanja informacija
• Mogućnosti interneta su beskrajne!