Sintaksa HTML jezika temelji se na standardu. HTML5 sintaksa. Definicija kodiranja znakova

Internet je svjetska mreža koja povezuje računalne mrežeširom svijeta na temelju jedinstvenih standardnih sporazuma (protokola) o načinima razmjene informacija i jedinstvenog sustava adresiranja.

Do danas je Internet stekao neviđenu popularnost. Prema stručnjacima, Internet povezuje više od 100 milijuna računala. Više od 300 milijuna ljudi u 170 zemalja koristi internetske usluge.

S funkcionalnog stajališta, Internet je:

ü jeftino, brzo sredstvo komunikacije između pretplatnika diljem svijeta;

ü neusporedivo skladište informacija o bilo kojem području znanja;

ü novo perspektivno okruženje za djelovanje.

Utjecaj interneta ne proteže se samo na tehnološko područje računalnih komunikacija, on ima i društvenu dimenziju te prožima cijelo društvo kao operativna sredstva stjecanje znanja, e-trgovina.

Najčešći i najpopularniji Internet servis danas je WWW (World Wide Web). Informacije na WWW-u predstavljene su u obliku takozvanih hipertekstualnih (ili, šire, hipermedijskih) dokumenata, koji mogu sadržavati formatirani tekst, grafiku, audio i video fragmente Glavna značajka hipertekstualnih dokumenata je prisutnost aktivnih zona koje su osjetljivi na klik mišem, a cijele slike i njihovi dijelovi mogu izazvati preuzimanje (ciljnog) dokumenta koji je povezan s tom zonom.

Da biste naučili kako postavljati materijale na Internet, prvo se trebate upoznati s jezikom za označavanje hiperteksta HTML (H yperT ext M arkup L jezik)

Hypertext Markup Language HTML dokumenti je skup naredbi nazvanih tagovi (od engleskog označiti HTML oznake koje se nalaze u tekstu dokumenta interpretiraju preglednik prilikom prikaza dokumenta.

Pregled HTML dokumenata provodi se pomoću programa - preglednici(s engleskog preglednik), koji prikazuju dokument prema HTML oznakama i omogućuju navigaciju hipervezom. Najčešći preglednici su Microsoft Internet Explorer tvrtke Microsoft Corporation i Netscape Navigator tvrtke Netscape Communications Corporation.

Budući da je HTML dokument tekstualna datoteka, može se pripremiti na najjednostavniji uređivač teksta, na primjer, u bilježnici ( Bilježnica), ali je vrlo radno intenzivan. Češće koriste specijalizirane uređivače dizajnirane posebno za pripremu HTML dokumenata, koji vam omogućuju umetanje oznaka pomoću gumba na alatnoj traci ili naredbi izbornika i postavljanje atributa oznaka u dijaloške okvire, na primjer, Macromedia Dreamweaver, Microsoft FrontPage, HomeSite itd.

HTML dokument se može dobiti pretvaranjem u HTML format, na primjer iz formata dokumenta paketa Microsoft Office. Treba napomenuti da se s takvom transformacijom izvorni tekst HTML dokumenta ispostavlja izuzetno suvišnim i treba ga ispraviti. Mnogo je učinkovitije koristiti posebne HTML uređivače.

HTML oznaka je napisana u uglastim zagradama (znakovima) i sastoji se od naziva iza kojeg može slijediti popis atributa (neobavezno za većinu oznaka). Imena i atributi predstavljaju engleske riječi i kratice.

Oznake se mogu podijeliti u dvije grupe:

Uparene oznake (također se nazivaju spremnici) imaju dvije komponente: početnu (početnu) i završnu (finalnu); završna komponenta ima isti naziv, ali kada je napisana, imenu prethodi kosa crta (simbol /). Tekst dokumenta i druge oznake mogu se nalaziti između početnih i završnih komponenti. Fragment dokumenta koji se nalazi između početnih i završnih elemenata oznake spremnika formatira preglednik u skladu sa značenjem oznake. Na primjer, tekst koji se nalazi između oznaka bit će prikazan podebljano (naziv oznake je iz engleskog podebljano). Uparene oznake mogu biti ugniježđene jedna u drugu, ali se ne smiju preklapati.

Neuparene oznake (također se nazivaju autonomna) nemaju konačnu komponentu. Kada se interpretiraju, jedan ili drugi objekt se umeće u prikazani dokument. Na primjer, oznaka , koji se pojavljuje u tekstu HTML dokumenta, uzrokuje umetanje grafička slika iz datoteke pict.gif.

Atributi na popisu međusobno su odvojeni jednim ili više razmaka, tabulatorima ili znakovima novog retka; redoslijed kojim su atributi napisani nije važan. Velika većina atributa koristi se u paru ime atributa = vrijednost atributa. Kada je vrijednost atributa više od jedne riječi ili jednog broja, treba je staviti u jednostruke ili dvostruke navodnike. Atributi nisu navedeni u završnim komponentama oznaka.

Evo primjera oznake s atributima:

Zdravo !

Nakon što naiđe na takvu oznaku u HTML dokumentu, preglednik je interpretira, prikazujući tekst koji slijedi nakon oznake u znakovima uvećanim u odnosu na osnovnu veličinu (SIZE=+2) i crvenom bojom (COLOR=RED); ovo oblikovanje teksta se primjenjuje sve dok se ne naiđe na završnu oznaku.

Velika i mala slova u unosima oznaka i atributa nisu bitna.

HTML dokument je zatvoren u oznakama i. Između ovih oznaka nalaze se dva odjeljka: odjeljak zaglavlja (između oznaka i ) i odjeljak tijela (između oznaka i ). koristi se prilikom prikaza dokumenta, ali se ne odražava izravno u prozoru preglednika. Odjeljak tijela dokumenta sadrži glavni tekst namijenjen prikazu preglednika, oznake za oblikovanje, smještaj slika, tablica, hiperveza itd.

HTML kod najjednostavnijeg dokumenta pogodnog za objavu na internetu izgleda ovako:

< TITLE >Naša prva stranicaTITLE >

Najjednostavniji HTML dokument

Ovaj kod se može upisati u uređivač teksta Notepad i spremiti kao datoteka s ekstenzijom. htm ili. html - u ovom slučaju, dokument će se otvoriti u zadanom pregledniku instaliranom na vašem računalu. Preglednik će prikazati ovaj dokument tako što će u svom prozoru prikazati redak "Najjednostavniji HTML dokument" koji se nalazi u dijelu tijela dokumenta. Izraz "Naša prva stranica" pojavit će se u naslovnoj traci preglednika.

Odjeljak zaglavlja obično sadrži oznake koje su nevidljive korisniku, ali unatoč tome mogu aktivno utjecati izgled dokument.

Ovaj odjeljak uključuje glavni sadržaj web stranice - tekst dokumenta, slike, tablice itd. Element BODY ne smije se pojaviti više od jednom u dokumentu i može uključivati ​​sljedeće atribute:

Sve oznake za oblikovanje znakova imaju i početnu i završnu komponentu i djeluju na tekst koji se nalazi između njih.

Glavna oznaka je ... FONT>, koja se mora koristiti s jednim ili više atributa koji mijenjaju veličinu, boju i tip fonta:

Osim toga, oznake se koriste za promjenu stila znakova:

. .. (od engleskog bold) − podebljani font;

.. . (od engleskog kurziva) - kurziv;

... (od engleskog TeleType) – monospace font;

... (od engleskog podcrtati) - podcrtano;

... S > (od engleskog s trikethrough) - prekrižen;

... (od engleskog s ub skripta) – indeks;

... (od engleskog sup erscript) je superskript.

Tekst unutar oznaka

i (od engleskog pre formatiran), prikazuje se onako kako je prethodno formatiran, sa svim razmacima i prijelomima redaka.

Tekst se prikazuje u prozoru preglednika riječ po riječ; kada se dosegne desni rub prozora, sljedeća riječ se automatski premješta u novi red. Čak i ako je u kodu stranice uneseno nekoliko razmaka ili je tekst napisan u novom retku, te radnje neće biti prikazane kada se pregledavaju u pregledniku. Stoga, kako bi se prikazao niz uzastopnih razmaka ili nekoliko njih prazne linije, morate koristiti različite oznake.

Označiti
(s engleskog b reak) prekida tekstualni tok i umeće novi redak bez stvaranja više uzastopnih oznaka
tumače se kao da je nekoliko praznih redaka bez završne komponente.

Oznaka (od engleskog p aragraf)počinje odlomak; novi odlomak je odvojen dvostrukim proredom, odnosno nekoliko uzastopnih oznaka

tumače se kao jedno (za razliku od oznake
).Završna komponenta

izborno, budući da prethodni odlomak završava tamo gdje počinje novi, ima opcijski atribut ALIGN koji označava vrstu poravnanja odlomka, koji može imati vrijednosti LIJEVO, SREDINA, DESNO i OPRAVDANO, određujući poravnanje ulijevo, centar, desno i širina. Tekst unutar oznaka također će biti centriran.

Ako se završna komponenta

izostavi, navedeni tip poravnanja zadržava se do sljedeća oznaka, koji određuje poravnanje, ili na kraj dokumenta.

HTML vam omogućuje stvaranje paragrafa formatiranih kao numerirani ili označeni popisi. Fragment teksta, koji je popis, okružen je oznakama:

uređeni (numerirani) popis (od engleskog o naređeno l ist)

nesređeni (s oznakama) popis (od engleskog u naređeno l ist)

Svaki element sređenog ili nesređenog popisa omeđen je oznakama ... (od engleskog l ist ja tem). Prilikom prikaza teksta, svaki element popisa bit će postavljen u novi redak, označen brojem ili markerom. Osim toga, popis može imati naslov koji je određen oznakom (od engleskog l ist h eader). Oznake za zatvaranje nisu potrebne.

Popis na više razina može se organizirati kombinacijom numeriranih popisa i popisa s grafičkim oznakama.

Oznaka ima izborne atribute:

Oznaka ima izborni atribut

Odlomci se također mogu oblikovati kao naslovi razine (od n = 1 do n = 6), u tu svrhu koriste se oznake oblika ... n>. Naslov prve razine prikazuje se najvećim fontom.

Oznake

, ... ,

može imati atribut poravnanja ALIGN s vrijednostima LIJEVO, DESNO i SREDINA.

Slike koje preglednik prikazuje prilikom pregledavanja web stranice pohranjuju se u zasebne gif, jpg (jpeg) ili png datoteke, a u kodu stranice nalazi se poveznica na potrebna datoteka. Za to se koristi neuparena oznaka koja ima jedan obvezni i nekoliko izbornih atributa.

Pogledajmo pobliže apsolutne i relativne metode adresiranja datoteke.

Oslovljavanje u apsolutnom obliku koristi se kada se govori o resursima koji se nalaze na drugim poslužiteljima. Univerzalna adresa koja određuje lokaciju informacijskog izvora naziva se URL (Uniform Resource Locator). URL se sastoji od dva dijela, odvojena dvotočkom. Prvi dio označava vrstu mrežni protokol, što ovisi o vrsti resursa. Na primjer, ako se resurs nalazi na WWW poslužitelju, ovo je protokol http.Drugi dio uključuje naziv računala (poslužitelja) u sustavu naziva domene i (ako je potrebno) naziv putanje datoteke. Kada pišete naziv putanje, nazivi direktorija su odvojeni kosom crtom (znak /) u nazivima datoteka i direktorija razlikovati velika i mala slova, razmaci nisu dopušteni. Evo primjera URL-ova:

http://www. vshu. kirov .ru/ stranica / slike / slika 1. jpg

http://195.21.123.13:8110

ftp://everything.com/soft/prog.zip

mailto:Ova e-mail adresa je zaštićena od spambota. Morate omogućiti JavaScript da biste ga vidjeli.

Zadnji URL koji upućuje na protokol mailto i adresu E-mail, ne povezuje ni s jednim izvorom informacija; Ovo je jedina vrsta URL-a koja ne uključuje dvije kose crte nakon dvotočke.

Adresiranje slika u apsolutnom obliku praktički se ne koristi pri izradi web stranice.

Oslovljavanje u relativnom obliku koristi se kada se govori o resursima koji se nalaze na istom poslužitelju. Prilikom pisanja staze do datoteke, nazivi direktorija odvojeni su kosom crtom (simbol /), navigacija kroz direktorije sustav datoteka jednu razinu više označavaju dvije točke (simboli ..). Da bi bilo jasnije, zamislite računalo, na primjer, sa sljedećom strukturom direktorija koji sadrži HTML datoteke:

SHAPE\* MERGEFORMAT

U ovom slučaju, primjerice, moguće su sljedeće opcije za pisanje IMG oznake:

ü < IMG SRC = Picture . jpg >(Slika .jpg slika se nalazi na Index .htm stranici)

ü < IMG SRC = Images / Pict 1. jpg >(slika Slika 1. jpg nalazi se na stranici Index. htm)

ü < IMG SRC =../ Picture . jpg >(Slika .jpg slika se nalazi na stranici Stranica 1. htm )

ü < IMG SRC =../ Images / Pict 1. jpg >(slika Slika 1. jpg nalazi se na stranici Stranica 1. htm)

Unatoč činjenici da je formalno potreban samo SRC atribut, u praksi ga je također potrebno navesti alternativni tekst(ALT atribut), jer mnogi ljudi rade s preglednikom u načinu rada bez učitavanja slika.

Visina i širina područja u kojem je prikazan crtež određuju se pomoću atributa širine i visine u pikselima ili kao postotak veličine zaslona. Kada je jedan od ovih atributa specificiran, crtež se skalira tako da njegova visina ili širina odgovara navedenoj. Druga veličina postavlja se automatski, u odgovarajućem omjeru. Primjenom samo jednog od atributa mijenjaju se obje dimenzije crteža.
Ako izričito postavite oba atributa, slika će biti skalirana duž dvije osi u skladu s navedenim dimenzijama. Atributi visine i širine ne mijenjaju vrijeme učitavanja slike, već samo njen izgled (veličinu) na ekranu.

Hiperveza je objekt (tekst, slika, fragment slike) koji kada se klikne mišem vodi do novog dokumenta ili fragmenta dokumenta. Upravo vam hiperveze omogućuju organiziranje prijelaza između bilo kojeg dokumenta objavljenog na Internetu.

Veza između HTML dokumenata i fragmenata dokumenta organizirana je pomoću oznake ...(s engleskog a nchor – sidro).

Oznaka se koristi i za stvaranje poveznice na drugi dokument i za povezivanje s fragmentom dokumenta.

Tekst i slike smješteni između oznaka postaju aktivno područje dokumenta, osjetljivo na klik mišem koji uzrokuje učitavanje ciljanog dokumenta. Tekst hiperveze istaknut je podcrtavanjem i bojama navedenim kao vrijednost atributa LINK, A LINK, V LINK oznake (ili zadana boja).

Da biste cijelu sliku pretvorili u hipervezu, također možete koristiti oznaku ...., samo umjesto teksta (ili zajedno s tekstom) između< A >i nalazi se oznaka A >< IMG …>sa svim relevantnim atributima.

Na primjer , .

Oznaka vam omogućuje da fragment teksta ili cijelu sliku učinite aktivnom zonom; Kako bi se različiti fragmenti jedne slike povezali s različitim ciljnim dokumentima, morat ćete koristiti oznaku koja implementira sliku karte.

Za oznaku spremnika, jedini potreban atribut je NAME, čija će vrijednost biti naziv (na primjer, NAME=" mymap ", koji se mora koristiti kada se opisuje USEMAP atribut IMG oznake koja opisuje sliku koja treba služiti kao karta (sa # − USEMAP="#mymap")

Unutar spremnika, svako područje slike osjetljivo na miš mora imati oznaku sa sljedećim atributima:

Tablice u HTML dokumentima ne koriste se toliko za smještaj podataka u uokvirene ćelije, već za raspoređivanje dijelova teksta i slika relativno jednih na druge.

Tablice u HTML-u izrađuju se red po red. Svi tablični podaci zatvoreni su u oznake

; opis svakog reda ćelija (redova) sadržan je u oznakama ...; sadržaj svake ćelije sadržan je u oznakama ... (regularne ćelije) ili ... H> (zaglavlja).

Dakle, da biste opisali, na primjer, tablicu od dva retka, od kojih svaki sadrži dvije ćelije, morat ćete stvoriti sljedeću konstrukciju:

Ćelije tablice mogu sadržavati tekst, slike, ugniježđene tablice itd. Ne biste trebali ostavljati ćelije tablice prazne; ako neka ćelija izgleda prazna, stavite neprekinuti razmak u nju.

Tekst smješten u ćelije tablice automatski postavlja preglednik prema zadanim postavkama; tekst se prikazuje riječ po riječ; Kada se dosegne desni rub ćelije, sljedeća riječ se pomiče u novi redak.

Ćelije tablice mogu obuhvaćati više redaka ili stupaca kada se opisuju takve ćelije, atributi ROWSPAN (ćelija čija oznaka sadrži ovaj atribut je "razvučena" za određeni broj redaka) i COLSPAN (ćelija je "razvučena" za nekoliko stupaca) su koristi se. Evo primjera organizacije tablice sa spojenim ćelijama:

< TR >

< TD ROWSPAN=2>1-1 TD >

Oznake koje opisuju tablice imaju niz izbornih atributa.

Atributi oznake određuju parametre tablice kao cjeline:

Atributi oznake specificiraju parametre dane serije (ako se pojave kontradikcije, atributi navedeni u oznaci se poništavaju). Poravnanje sadržaja ćelija; moguće vrijednosti su lijevo, desno i središte

POZADINA = url

Pozadinska slika za ćelije zadanog retka tablice

BGCOLOR= boja

Boja pozadine za ćelije u ovom retku

OBRUBA = značenje

Debljina obruba koji okružuje ćelije ovog retka; ORDER=0 označava nevidljivi obrub

VALIGN = značenje

Okomito poravnanje sadržaja ćelije; moguće vrijednosti su gore, središte i dno

Atributi oznake specificiraju parametre dane ćelije (ako dođe do kontradikcija, atributi navedeni u oznakama i poništavaju se).

Kada radite s tablicama, imajte na umu da navedenu vrijednost za atribut WIDTH u mnogim slučajevima samo "bilježi" preglednik. Zadane proporcije rijetko se točno održavaju; preglednik nastoji prikazati tablicu što je moguće bolje (po svom razumijevanju).

Korištenje tickera na web stranici čini je dinamičnijom i omogućuje stvaranje efekta kretanja objekta. Stvaranje tickera pomoću oznake< MARQUEE >... MARQUEE >.

Između< MARQUEE >i MARQUEE > mogu se pronaći fragmenti teksta i slike. Tekst se može oblikovati pomoću odgovarajućih oznaka, a grafika se umeće pomoću .

Sintaksa atributa	Svrha
BGCOLOR= boja	Boja pozadine. Ako je određena pozadina, preglednik iscrtava traku u boji na zaslonu duž koje se pomiče tekst ili slika.
VISINA = značenje	Visina pozadinske trake. Vrijednost je navedena u pikselima ili kao postotak visine prozora preglednika. Na primjer, ako navedete atribut HEIGHT=25%, traka s tikerom će zauzimati četvrtinu visine prozora
ŠIRINA= značenje	Širina trake s tickerom, naznačena u pikselima ili kao postotak širine prozora preglednika
SMJER= značenje	Smjer kretanja linije: lijevo - lijevo (zadano), desno - desno, gore - gore, dolje - dolje
PONAŠANJE = značenje	Atribut kontrolira ponašanje tickera: pomicanje (zadano) – kada dođe do ruba prozora, linija nestaje iz vidokruga i zatim se pojavljuje na suprotnoj strani; slajd - crta se pojavljuje od ruba prozora, dolazi do suprotnog i zaustavlja se; naizmjenično - linija se pomiče udesno ili ulijevo, "odbijajući" od rubova prozora i mijenjajući smjer kretanja
HSPACE = pomak piksela	Pomaknite traku ticker vodoravno udesno
VSPACE = Vas co ta u pikselima	Stvaranje praznog prostora iznad i ispod trake
PETLJA = značenje	Broj prijelaza linija preko zaslona
SCROOLAMOUNT = značenje	Broj piksela koje linija prelazi u svakom koraku. Zadani način je približno 10 px/korak. Ovaj atribut omogućuje podešavanje brzine kretanja linije
ODGODA POMIRANJA = značenje	Definira vremenski interval (u milisekundama) između koraka, pomoću ovog atributa možete natjerati liniju da se trzajno pomiče
TRUESPED	Kada je ova zastavica (atribut bez vrijednosti) postavljena, koristit će se navedena vrijednost SCROLLDELAY. Ako zastavica nije postavljena, vrijednost je SCROLLDELAY. Ništa između ovih oznaka neće biti prikazano na web stranici. Izborne oznake Ako oznaka nije navedena, to ne znači da uopće nije zastupljena. Postoje određena pravila koja vam dopuštaju da ne pišete neke oznake. U tablici 1 prikazuje oznake koje se mogu izostaviti i uvjete pod kojima se to događa. Stol 1. Izborne oznake Stanje oznake Ako unutra ima drugih elemenata. Ako je prazno i ​​također sadrži nešto osim razmaka ili komentara. Ako iza elementa slijedi Ako je iza elementa ili . Ako iza elementa slijedi , ili je zadnji od roditelja. Ako iza elementa slijedi , , , , , , , , , , , ,..., , , , , , , , , , , , . i ne dolazi ispred ili koji imaju izostavljenu završnu oznaku.ili je on zadnji kod roditelja. Ako je iza elementa ili . Ako je iza elementa ili . Ako iza elementa slijedi ili je posljednji element roditelja. Ako iza elementa slijedi , ili je zadnji od roditelja. Ako . dolazi prvi unutra i ne dolazi prije drugog elementa. Ako je iza elementa ili . Ako je prvi unutra Ako iza elementa slijedi ili ili to je posljednji element roditelja. Ako iza elementa slijedi ili je posljednji element roditelja. Ako iza elementa slijedi Ako iza elementa slijedi ili ili je on posljednji s roditeljem. Ako iza elementa slijedi ili ili je on posljednji s roditeljem. Ako početna oznaka sadrži jedan ili više atributa, tada oznaka mora biti navedena. Zbog činjenice da mnoge oznake možda neće biti specificirane, jer... oni su podrazumijevani prema zadanim postavkama, svaki dokument je sveden na sljedeće dijelove. Neobavezna oznaka reda bajtova (BOM). . . Možete umetnuti bilo koji broj razmaka ili komentara prije i iza tipa dokumenta. Dakle, doctype ne mora biti u prvoj liniji koda. Primjer 1 prikazuje minimalni HTML kod za prikaz tradicionalnog pozdrava. Primjer 1: Minimalni HTML HTML5 IE Cr Op Sa Fx Pozdrav svijete! Oznaka reda bajtova sastoji se od koda znaka U+FEFF na početku dokumenta, gdje se koristi za određivanje kodiranja. Preporuča se ukloniti ovaj simbol jer njegova prisutnost dovodi do pogrešaka u prikazu dokumenta u nekim preglednicima. Da biste to učinili, možete koristiti uređivač Notepad++, u izborniku "Encodings" odaberite "Encode in UTF-8 (without BOM)" (Sl. 3). Riža. 3. Odaberite kodiranje korisni linkovi Više o oznaci reda bajtova http://unicode.org/faq/utf_bom.html#bom1 Notepad++ editor označava prema kojem je HTML standardu napisana vaša web stranica. DOCTYPE Opis HTML5 Za sve dokumente. HTML 4.01 Stroga HTML sintaksa. Prijelazna HTML sintaksa. HTML dokument koristi okvire. XHTML 1.0 Stroga XHTML sintaksa. XHTML prijelazna sintaksa. Dokument je napisan u XHTML-u i sadrži okvire. XHTML mobilni profil, dodaje specifične elemente za mobilne telefone. XHTML 1.1 Ova definicija nema podjelu na vrste; sintaksa je ista i poštuje jasna pravila. Dakle, postoji nekoliko tipova dokumenata (strogi i prijelazni, za HTML i XHTML). Pitanje je koji standard odabrati. HTML i XHTML standardi HTML je standardni označni jezik za web dokumente. U HTML 4.01 i HTML5, izgled stranice je odvojen od njezinog sadržaja. Sadržaj i struktura (naslovi, paragrafi, veze) navedeni su u HTML-u. Dizajn (poravnanje, fontovi, boje) određen je CSS stilovima. Na primjer, oznaka poravnanja i atribut su zastarjeli. XHTML je proširivi jezik za označavanje web dokumenata temeljen na XML-u. XHTML standard je popis razlika između HTML 4.01 i XHTML. Zahtjevi XHTML-a ne mogu se zahtijevati Sve oznake moraju biti zatvorene. Sve oznake, atributi i CSS svojstva moraju biti napisani malim slovima. Sve vrijednosti atributa oznake moraju biti u navodnicima. Mora se strogo poštovati hijerarhija: prva oznaka se zatvara zadnja. ... ... Oznaka bloka ne može se ugnijezditi unutar ugrađene oznake. (Nakon elementa bloka, daljnji izlaz na stranici vrši se u novom retku. Umetnuti element ne stvara prijelom retka.) ... ... Booleovi atributi zapisani su u proširenom obliku. Slike moraju imati opis Prednosti XHTML jezika nisu strogost sintakse, već mogućnost osmišljavanja vlastitih oznaka. Međutim, 2. srpnja 2009. World Wide Web Consortium (W3C) objavio je prekid rada na XHTML 2.0, smatrajući koncept XHTML-a netočnim. Grupa programera prešla je na rad na HTML5 standardu. I iako HTML5 standard još nije odobren, mnoge su stranice već napisane na njemu. Svi koji se pitaju kada će HTML5 biti gotov mogu provjeriti izvorne izvore: Službena verzija HTML5 standarda nalazi se na: www.w3.org/TR/html5/ Odlučimo se. Nije teško učiniti: ne biste trebali koristiti XHTML standard ako ne namjeravate proširiti HTML jezik. Nećemo se zadržavati na!DOCTYPE, namijenjen dokumentima koji koriste okvire: prekjučer. Sljedeće pitanje je: koju sintaksu odabrati - striktnu ili tranzitivnu? Stroga i prijelazna sintaksa HTML 4.01 Prijelazne sintakse postoje kako bi se olakšao prijelaz na novi standard. Preskočit će mnogo onoga što bi stroga sintaksa smatrala pogreškama. Ovdje je lakše razumjeti što je što na primjeru. Prvo, postavimo striktnu sintaksu. Stroga sintaksa Provjera valjanosti Provjera valjanosti u crveno. Usklađenost HTML koda s deklariranim standardom naziva se valjanost, a provjera te usklađenosti naziva se validacija. Da biste pratili pogreške izgleda, instalirajte dodatak FireFox Html Validator. Otvorimo našu stranicu na Firefox preglednik, pomaknite miš preko znaka validatora: Dvostruki klik na znak validatora dat će detaljan popis pogrešaka: Promijenimo!DOCTYPE u prijelaznu sintaksu: Prijelazna sintaksa Provjera valjanosti Provjera valjanosti Dio teksta trebalo je istaknuti crvenom bojom. Pokrenite FireFox. Nema grešaka: Čini se da je sve u redu. Možda bismo tu stali? Moj savjet: napravite ispravan izgled u skladu sa strogom sintaksom HTML 4.01 ili izravno u HTML5. HTML treba koristiti za njegovu namjenu, a dizajn prepustiti CSS-u. Osim toga, ako stranica ima ispravan izgled, ali se ne prikazuje ispravno ni u jednom pregledniku, onda je to definitivno problem preglednika. Nove verzije preglednika bit će bolje usklađene sa standardom i neće pogriješiti u interpretaciji važećeg koda. Ako je složeni izgled implementiran na neispravan način, nema jamstva da ga nove verzije preglednika neće razmrviti na dijelove. Neka vas ne iskuša lojalnost prijelazne sintakse, samo stroga usklađenost sa standardima! Zašto je potreban ispravan izgled? Čini se, zašto se truditi? Na kraju krajeva, preglednici često automatski ispravljaju male nedostatke u izgledu, a stranica radi savršeno dobro. Ali te male, praktički neprimjetne greške tražilice ipak uočavaju. Čak i jedna oznaka koja nedostaje - ovo je minus u ocjeni kvalitete stranice. Upravo zbog sposobnosti tražilice uočite bilo kakve nedostatke u HTML kodu i preporučuje se održavanje valjanosti izgleda. Osim toga, provjerom ispravnosti koda možete pronaći, uz manje nedostatke, ozbiljne pogreške koje prije nisu bile uočene. Počnimo učiti jezik. HTML tekst je "običan tekst". Sve hipertekstualne značajke dokumenta navedene su pomoću oznaka - posebnih bilješki uključenih u ovaj tekst. Neka bude tekst: Napišimo ovaj tekst drugačije, ubacujući upute kako tekst treba prikazati. Upute ističemo uglatim zagradama. U HTML-u se upute nazivaju oznakama. Preglednik izvršava upute za oznake, odnosno, bez njihovog prikazivanja, mijenja tekst. Stoga ćemo na ekranu vidjeti sljedeće: “Mama je prala okvir, a mačak se igrao loptom. Dječak je uzeo loptu od mačke.” Tag – naredba u uglastim zagradama. Naziv oznake je prva stvar napisana nakon otvorene uglate zagrade, bez razmaka prije nje! Postoje pojedinačne oznake i oznake spremnika. Pojedinačne oznake su neke naredbe pregledniku koje se izvršavaju na mjestu gdje je navedeno, na primjer, naredba "nacrtaj liniju": Oznake spremnika sastoje se od oznake otvaranja i oznake zatvaranja, a njihova indikacija odnosi se na sav tekst koji se nalazi između njih, kažu: "ugniježđen u spremnik". Završna oznaka ima isti naziv kao i početna oznaka, ali ispred imena stoji kosa crta: “/”: Mama je oprala okvir. . Oznaka može imati atribute. Atribut nadopunjuje i objašnjava oznaku. Redoslijed atributa nije bitan. Na primjer, HR oznaka ima atribut WIDTH koji označava širinu linije, SIZE debljinu linije, ALIGN mjesto (poravnanje) i COLOR boju. Vrijednosti atributa određuju danu karakteristiku. Pravilo sintakse je sljedeće: nakon naziva oznake može slijediti najmanje jedan razmak, zatim, odvojene razmacima, mogu slijediti trostruke oznake: atribut, simbol “=”, vrijednost. Preporuča se vrijednost staviti u navodnike, iako HTML standard dopušta da se vrijednosti koje se sastoje samo od latiničnih slova i brojeva ne stavljaju u navodnike. Slika na ekranu će izgledati otprilike ovako. _____________________________________ Standard omogućuje izostavljanje završne oznake ako se podrazumijeva. Na primjer, oznaka Ima završni odlomak, ali se može izostaviti prije otvaranja sljedećeg odlomka. Označiti Označava odlomak. Mama je oprala okvir. Kći se igrala loptom. Neki atributi nemaju vrijednosti, odnosno imaju jedno značenje, pa je dovoljno jednostavno naznačiti ili ne naznačiti taj atribut u oznaci. Na primjer, oznaka FRAME ima atribut NORESIZE, koji označava da korisniku nije dopušteno mijenjati veličinu okvira. Oznake (elementi) u HTML-u mogu biti ugniježđene jedna u drugu, slično petljama ili uvjetne izjave u programskim jezicima. Sjecišta oznaka bez ugniježđenja su zabranjena. Primjer pogrešnog unosa: blok primjer s ugniježđenim odlomkom Primjer ispravnog unosa: blok primjer S ugniježđenim odlomkom Osim oznaka i običnog teksta, HTML kod može sadržavati takozvane znakovne objekte ili izlazne sekvence: imenovane i numerirane entitete. Oni su potrebni za predstavljanje znakova u dokumentu koji su sintaktički ili fizički zabranjeni, kao i znakova koji se ne mogu unijeti s tipkovnice. Na primjer, Velika i mala slova nisu važna za nazive oznaka i imena i vrijednosti atributa. Iako je preporučljivo zadržati neki stil, na primjer, nazive svih oznaka pisati velikim slovima, ili malim slovima, ili malim slovima, ali s prvim velikim slovom. Takav tekst čovjek lakše percipira. Vrlo važna nota! Svrha preglednika je prikazati vašu stranicu klijentu. Uobičajena reakcija preglednika na pogrešku je da pokuša ispraviti pogrešku, a ako to ne uspije, preskoči riječi ili oznake koje ne razumije. Ovo je i dobro i loše. Budući da će, s jedne strane, kao rezultat toga, preglednik pokušati prikazati korisniku što više teksta, ali, s druge strane, taj tekst može sadržavati dio s oznakama i skriptama ili stvarni tekst možda neće biti uključen ako ga preglednik percipira, na primjer, kao komentar. Za programere web stranica ovakvo ponašanje preglednika vrlo je uznemirujuće. Budite spremni na činjenicu da će preglednik isprva marljivo ispravljati vaše pogreške, ali će se nakon nekog vremena zbuniti i prethodno radni fragmenti prestat će raditi za vas. Stoga savjet: nemojte griješiti, već radije koristite moderne editore koji poznaju html pravila i ukazuju vam na greške. reci prijateljima Cvrkut Samsung igra... Android radna površina je nestala ili pokretač ne radi! Sljedeći članak Xperia Companion - nova aplikacija na Windows računalu za ažuriranje i vraćanje Xperia Pročitajte također Najbolji glazbeni playeri za Android 2024-03-13 00:03:49 Što je hub, switch i router? 2024-03-12 00:04:38 Json dekodiranje kratica 2024-03-11 00:04:21 jQuery galerija slika sa zanimljivim efektom 2024-03-09 00:04:15