Što su HTML oznake i atributi, W3C validator. Struktura i pravila za pisanje oznaka

24.06.2019 U kontaktu s

XML je namijenjen širokoj upotrebi, znakovi nisu ograničeni na 7-bitni ASCII skup znakova. Znakovi dopušteni u XML-u uključuju tri CO kontrolna znaka ASCII standarda, sve regularne znakove tog standarda i gotovo sve druge znakove u Unicode imenima.

U XML-u sva imena moraju započeti slovom, podcrtom (_) ili dvotočkom (:) i nastaviti samo važećim znakovima imena, koji mogu sadržavati samo slova uključena u odjeljak znakova Unicode, arapske brojeve, crtice, znakove podvlake, točke i dvotočke. Međutim, nazivi ni u kojem slučaju ne mogu započeti xml nizom. Imena koja počinju ovim znakovima rezervirana su za korištenje od strane W3C. Morate imati na umu da, budući da slova nisu ograničena isključivo na ASCII znakove, riječi iz vašeg materinjeg jezika mogu se koristiti u imenima.

Struktura XML dokumenta.

Svaki XML dokument sastoji se od sljedećih dijelova:

Neobavezni prolog.
Tijelo dokumenta.
Neobavezni epilog koji slijedi stablo elemenata.

Pogledajmo detaljnije svaki od dijelova.

Prolog XML dokumenta.

XML dokument počinje prologom. Prolog sadrži neke upute za XML parser i aplikacije.

Prolog se sastoji od nekoliko dijelova:

neobavezna XML deklaracija koja je zatvorena između znakova. Oglas sadrži:

xml oznaka i broj verzije XML specifikacije;
naznaka kodiranja znakova (encoding) u kojem je dokument napisan (po defaultu encoding="UTF-8");
samostalni parametar koji može imati vrijednosti "da" ili "ne" (prema zadanim postavkama standalone="yes" ). Vrijednost "da" označava da dokument sadrži sve potrebne deklaracije elemenata, a "ne" označava da su potrebni vanjski DTD-ovi.

Sve to zajedno može izgledati ovako:

Važno je napomenuti da je u XML deklaraciji potreban samo atribut verzije, svi ostali atributi mogu se izostaviti i stoga uzeti zadane vrijednosti. Također morate zapamtiti da sve te atribute treba navesti samo gore navedenim redoslijedom.

komentari.

naredbe za obradu.

simboli praznih prostora.

neobavezna deklaracija vrste dokumenta, DTD (Document Type Declaration), koja je zatvorena između znakova i može obuhvaćati više redaka. Ovaj dio deklarira oznake korištene u dokumentu ili daje poveznicu na datoteku u kojoj su takve deklaracije zabilježene.

Deklaraciju o vrsti dokumenta također mogu pratiti komentari, naredbe za obradu i razmaci.

Budući da su svi ovi dijelovi izborni, prolog se može izostaviti.

Tijelo XML dokumenta.

Tijelo dokumenta sastoji se od jednog ili više elemenata. U ispravno formatiranom XML dokumentu, elementi tvore jednostavno hijerarhijsko stablo, u kojem uvijek postoji korijenski element (root element) u koji su ugniježđeni svi ostali elementi dokumenta. XML nameće iznimno važno ograničenje elementima: oni moraju biti ispravno ugniježđeni. To čini prilično lakim ugniježđivanje jednog XML dokumenta u drugi bez narušavanja strukture dokumenta, dok će korijenski element ugniježđenog dokumenta jednostavno postati jedan od elemenata dokumenta u koji je ugniježđen. S tim u vezi, suočeni smo s još jednim ograničenjem, a to je da nazivi elemenata moraju biti jedinstveni unutar dokumenta, budući da u uključenom dokumentu isti nazivi kao u dokumentu koji ga prilaže mogu imati potpuno drugačije značenje. Kako bi se riješio problem podudarnih imena, uveden je koncept imenskog prostora.

Naziv korijenskog elementa smatra se nazivom cijelog dokumenta i navodi se u drugom dijelu prologa iza riječi Doctype. Ako se DTD definicija nalazi unutar XML dokumenta, tada se stavlja u uglate zagrade iza naziva korijenskog elementa:

Ali obično se DTD definira za nekoliko XML dokumenata odjednom. U tom je slučaju zgodno napisati ga odvojeno od dokumenta i tada umjesto uglatih zagrada napiše se jedna od riječi System ili Public nakon koje slijedi adresa u obliku URI-ja (Uniform Resource Identifier) datoteke s DTD definicija. Za sve praktične svrhe, URI se smatra ekvivalentom URL-u, iako u načelu može biti bilo koje jedinstveno ime. DTD definicija, na primjer, može izgledati ovako:

XML imenski prostori

Budući da različiti XML dokumenti mogu sadržavati ista imena oznaka i njihovih atributa, koji imaju potpuno različita značenja, potrebno ih je nekako razlikovati. Da biste to učinili, nazivi oznaka i atributa dobivaju kratki prefiks koji je od naziva odvojen dvotočkom. Prefiks imena povezan je s identifikatorom koji definira prostor imena. Sva imena oznaka i atributa čiji su prefiksi povezani s istim identifikatorom čine jedan prostor imena u kojem imena moraju biti jedinstvena. Prefiks prostora imena i identifikator definirani su atributom xmlns na sljedeći način:

Ubuduće će nazivi oznaka i atributa koje želimo dodijeliti prostoru imena "http://URI_namespace" imati prefiks ns, na primjer:

Novosibirsk

Atribut xmlns može se pojaviti na bilo kojem XML elementu, ne samo na korijenskom elementu. Prefiks koji definira može se koristiti u elementu u kojem je napisan atribut xmlns i u svim elementima ugniježđenima unutar njega. Štoviše, više imenskih prostora može se definirati u jednom elementu. U ugniježđenim elementima, prostor imena može se nadjačati povezivanjem prefiksa s drugim identifikatorom. Pojava naziva oznake bez prefiksa u dokumentu koji koristi prostor imena znači da naziv pripada zadanom prostoru imena. Prefiksi koji počinju xml znakovima u svakom su slučaju rezervirani za sam XML jezik.

Ime zajedno s prefiksom naziva se prošireno ili kvalificirano ime. Dio imena napisan iza dvotočke naziva se mjesni dio imena.

Pozdrav, dragi čitatelji bloga! U prošlom smo članku otkrili što je vrsta dokumenta i kako preglednici određuju jezik koji se koristi pomoću . Oznaka je uzeta u obzir, ali sam koncept (termin) nije. U ovom članku ću vam reći što je oznaka, zašto je potrebna i koje vrste oznaka postoje. Kao što sam rekao u prošlom članku ovog odjeljka, napravit ćemo stranicu datoteke s kojom ćemo eksperimentirati, na temelju znanja koje smo stekli. Ali ovo je na kraju članka, ali za sada pogledajmo HTML oznaku.

Što je HTML oznaka, vrste HTML oznaka, primjeri pisanja HTML oznake - u prijevodu s engleskog tag - za označavanje znakova u uglastim zagradama i koji su elementi hipertekstualnog označnog jezika (HTML). Simboli mogu biti samo na engleskom (cijeli Internet je izgrađen na njemu). Oznaka izgleda

Ovo je oznaka za podebljavanje teksta. Oznake imaju tri vrste:

Oznaka za otvaranje je oznaka koja dolazi na početku. U gore navedenom primjeru, oznaka je početna oznaka i stoji ispred teksta koji treba istaknuti.
Završna oznaka je oznaka koja dolazi na kraju. Posebnost je kosa crta “/” ispred znakova u uglastim zagradama. Pogledajmo ponovno gore razmotreni primjer. Oznaka je završna oznaka i dolazi nakon teksta koji treba biti označen podebljanim slovima
Pojedinačne oznake su oznake koje nemaju završnu oznaku. Primjer bi bio
Evo primjera oznake za otvaranje i zatvaranje:

Cijeli dizajn, uključujući tekst, izgledat će ovako:

Ovaj će tekst biti istaknut podebljanim slovima

A ovako će ovaj tekst izgledati kada ga preglednik obradi i dostavi nam: Ovaj tekst će biti označen podebljanim slovima. Postoji i takva stvar kao što su oznake spremnika, ali to je samo općeniti naziv za oznake otvaranja i zatvaranja. Kao što sam gore napisao, osim oznaka kontejnera, postoje i pojedinačne oznake. Razlika je u tome što se takve oznake ne moraju zatvarati. Najjasniji i najčešći primjer je oznaka novog retka.

U osnovi, pojedinačne oznake koriste se za umetanje elementa, poput slike ili tablice.

Što su atributi, pravila pisanja i zašto su potrebni Osim oznaka, postoje i tzv. Točnije, ne osim, nego u oznakama. Pomoću atributa možete postaviti dodatne parametre za oznaku. Svaki tag ima svoje atribute, au ovoj ćemo temi eksperimentirati s tagom koji bez atributa zapravo ne čini ništa smisleno.

Font je oznaka spremnika koja se koristi za oblikovanje teksta. Pomoću ove oznake možete podebljati tekst, promijeniti veličinu i udaljenost između redaka - općenito, sve što možete učiniti s tekstom. Pogledajmo primjer s veličinom teksta. Prvo, stavimo tekst u oznaku Font.

Tekst

Sada malo o pravilima pisanja atributa. Atributi se uvijek pišu u početnoj oznaci i iza znakova same oznake. Možete napisati više atributa u jednu oznaku bilo kojim redoslijedom. Atribute možete pronaći na web stranici W3C validatora (o kojoj ću pisati u nastavku). Evo primjera oznake fonta s atributom veličine:

Tekst

Ovaj atribut u oznaci fonta mijenja veličinu teksta unutar oznaka.
Ako otvorite izvorni kod stranice, vidjet ćete da mjesto gdje se nalazi velika riječ “Tekst” izgleda ovako

Tekst

Već ste vidjeli kako se pišu atributi. U drugim oznakama se pišu na potpuno isti način: prvo napišemo sam atribut (u ovom slučaju veličinu), zatim stavimo “=” i stavimo parametar atributa u dvostruke navodnike. Sve parametre atributa možete pronaći na istoj web stranici konzorcija World Wide Weba.

Što je W3C validator, pravila pisanja i popis oznaka Kao što sam napisao, postoji jako puno oznaka. Ali gdje ih sve možete pronaći? U tu svrhu postoji W3C validator W3C - World Wide Web Consortium, ili na ruskom - World Wide Web Consortium. Nije sasvim jasno, zar ne? Ovo je mjesto gdje se razvijaju web standardi - (jezici za označavanje hiperteksta njihova su zamisao). Na čelu cijelog konzorcija je iz prethodnog članka poznati Tim Berners-Lee, tvorac HTML-a. Web stranica ove organizacije je w3.org. Upozoravam vas, stranica je u potpunosti na engleskom, stoga imajte rječnik ili prevoditelj u svom pregledniku. Inače, Google ocjena za ovu stranicu je 9 i 37.000 (to je sve puno, ako netko ne zna).

Vratimo se na temu članka. Zanimaju nas jezični standardi HNTML 4.01. Slijedite vezu HTML 4.01 Specification, nakon čega vidimo karticu elemenata na vrhu, kliknite na nju. Ovdje se otvara stranica sa svim oznakama. Konzorcij je ove oznake razvio i prihvatio kao standard. Sve je, opet, na engleskom. Odmah nakon riječi "Indeks elemenata" vidimo legendu (značenje slova u stupcima):

I odmah nakon legende nalazi se tablica samih oznaka:

U prvom stupcu - Naziv - naziv same oznake - što bi trebalo biti u uglastim zagradama (< и >).
Drugi stupac - Početna oznaka - prisutnost početne oznake. U ovom stupcu možete vidjeti slovo "O", što znači "Neobavezno", a prevedeno s engleskog - Neobavezno. Ovo slovo je prisutno samo nasuprot oznakama , , i i znači da možete staviti početnu oznaku ili ne morate - preglednik će sve učiniti sam.
Treći stupac - Završna oznaka - prisutnost završne oznake. Nasuprot ove oznake možete vidjeti i slovo "O" i slovo "F". Značenje prvog se nije promijenilo. Drugo slovo - "F" - doslovno "zabranjeno" na engleskom - znači da je zabranjeno staviti oznaku za zatvaranje, ona jednostavno ne postoji. Na primjer, nema oznake, jer se u njemu nema što skrivati.
Četvrti - Empty - znači da je oznaka jednostruka (prazna). Sve oznake koje imaju slovo "E" ispred sebe u ovom stupcu također imaju slovo "F" u prethodnom stupcu. Uostalom, pojedinačne oznake nemaju završne oznake. Primjer je ista oznaka .
Peta kolona je Depr. ili Deprecated - od engleskog "ne preporučuje se". Ako ovaj stupac sadrži slovo "D" (što znači potpuno isto), to znači da se ova oznaka ne preporučuje za korištenje u HTML-u. Gledajući malo unaprijed, danas se kaskadni stilski listovi (CSS) koriste za dizajn i teksta i izgleda cijele web stranice i HTML dokumenta. Ukratko i jednostavno, kreira se jedna datoteka u koju su upisani svi tekstualni parametri koji se mogu pozvati određenim atributima oznake. Dakle, ova funkcija se koristi samo na web stranicama, jer CSS nije primjenjiv kod slanja vijesti poštom ili RSS-om. I ovdje te iste oznake dolaze u pomoć. Većina ovih oznaka, usput, odnosi se na dizajn teksta (i primjer su)
Šesti stupac - DTD - može sadržavati slovo "L" ili "F". Prvi - "L" - Loose DTD - znači da se oznaka nasuprot koje se ovo slovo pojavljuje može koristiti samo u prijelaznoj vrsti dokumenta (- Transitional, o čemu sam pisao u prethodnom članku). Drugi - "F" - Frameset DTD - znači da se oznaka može koristiti samo u dokumentu tipa FRAMESET ( - Frameset). Ako slovo nedostaje, tada se oznaka može koristiti u svim vrstama dokumenata.
I zadnji, sedmi stupac - Description - kratak opis oznake, opet na engleskom

Atributi se nalaze na istoj stranici specifikacije HTML 4.01, ali u kartici "atributi". Postoji mnogo više atributa nego oznaka. I opet ću sve zapisati točku po točku.

Prvi stupac je naziv - kao u slučaju oznaka, naziv atributa. Sve je na engleskom, ali s osnovnim znanjem možete pogoditi čemu ovaj ili onaj atribut služi.
Drugi stupac - Povezani elementi - je popis svih oznaka koje koriste bilo koji atribut. Sve oznake imaju veze, tako da možete odmah otići na informacije o oznaci.
Treći stupac - Vrsta - sadrži sve moguće vrijednosti za određeni atribut. Na primjer, nasuprot atributu veličine koji smo odabrali u oznaci Font nalazi se vrijednost CDATA. Pogledat ćemo to kasnije, ali ukratko, to je poseban skup opcija veličine (u ovom slučaju). Uostalom, možete pisati i piksele i postotke
Četvrti stupac - Zadano - označava je li atribut potreban u određenoj oznaci. Na primjer, u oznaci Img potreban je atribut src jer označava izvor iz kojeg treba uzeti sliku.
Kolone 6, 7 i 8 znače isto kao u slučaju oznaka.

Sve gore navedeno odnosi se samo na HTML verziju 4.01. O HTML 5 ćemo govoriti u drugom članku, a dotaknut ćemo se i XHTML-a. A sada, kao što sam obećao, napravit ćemo stranicu u HTML-u s kojom ćemo eksperimentirati.

Izrada datoteke u html formatu - HTML dokument

Prije svega, shvatimo što je HTML dokument. A ovo je zapravo datoteka u HTML formatu. A sve internet stranice su HTML dokumenti. Na primjer, kada dođete do web stranice u adresnoj traci na kraju možete vidjeti ".html" ili ".htm" nakon adrese. Ovo je datoteka koju ćemo izraditi s ovom ekstenzijom. Općenito, ako želite eksperimentirati na web stranici, a ne na stranici, onda je bolje stvoriti lokalni poslužitelj - Denver (o kojem želim pisati).

S obzirom na to da nisam ni govorio o oznakama prisutnim na svakoj stranici, jednostavno ćemo stvoriti datoteku s bilo kojim nazivom i ekstenzijom.html. Moguće je (i najbolje) koristiti Notepad++, jer ovaj uređivač teksta koristi označavanje koda, što je vrlo zgodno prilikom uređivanja koda i možete spremati datoteke u različitim formatima. Postoje i programi u kojima se, kada upišete kod, rezultat odmah pojavi u obrađenom obliku.

Dakle, samo trebamo otvoriti Notepad++ i spremiti datoteku s proizvoljnim tekstom (može biti prazna), ali u .html formatu. Da biste to učinili, kao i obično, kliknite na natpis datoteke, zatim "spremi kao" i potražite "HyperText Markup Language file (file extensions)" među velikim popisom ekstenzija. To je zapravo sve. Dodat ćemo prve retke ovoj datoteci u sljedećem članku iz odjeljka “Izrada web stranice od nule”

Oznaka je posebna rezervirana riječ u uglastim zagradama (na primjer, ). Oznaka je glavna komponenta HTML-a: kod njome počinje, njome završava, a informacije prikazane na web stranici sadržane su unutar oznaka. Preporuča se pisati ih malim slovima, odnosno običnim malim slovima: ne, ali.

Koje su vrste oznaka?

Većina HTML oznaka je uparena: postoji početna oznaka (na primjer, ) i završna oznaka, koja se od otvarajuće oznake razlikuje kosom crtom (/) iza prve uglate zagrade (na primjer, ). Sve što se nalazi unutar para oznaka naziva se njihov sadržaj.

Sadržaj Tekst postavljen unutar ovih oznaka postaje podebljan

Postoje i nesparene (pojedinačne) oznake, koje se nazivaju oznake. Njih, za razliku od uparenih oznaka, ne treba zatvarati, jer ne rade sa sadržajem, već samostalno obavljaju neku funkciju. Primjer jedne oznake -
. Postavlja prelamanje teksta u sljedeći redak.

Ako povučemo paralele s ruskim jezikom, možemo reći da su uparene oznake navodnici ili zagrade koje utječu na svojstva teksta sadržanog u njima (pokušajte ne zatvoriti navodnike na vrijeme), a pojedinačne oznake (znakovi) su interpunkcijski znakovi ( uzvik, pitanje ili točka).

Svaka oznaka se sastoji od: