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

24.06.2019 U kontaktu sa

XML je namijenjen za široku upotrebu, znakovi nisu ograničeni na 7-bitni ASCII skup znakova. Znakovi dozvoljeni u XML-u uključuju tri ASCII standardna CO kontrolna znaka, sve regularne ASCII znakove i skoro sve ostale Unicode znakove Imena.

U XML-u, sva imena moraju početi slovom, donjom crtom (_) ili dvotočkom (:) i nastaviti samo važećim znakovima imena, naime, mogu sadržavati samo slova koja su dio odjeljka Unicode znakova, arapske brojeve, crtice, znaci podvlake, tačke i dvotočke. Međutim, imena ni u kom slučaju ne mogu početi sa xml nizom. Imena koja počinju ovim znakovima rezervirana su za korištenje od strane W3C. Mora se imati na umu da, budući da slova nisu ograničena isključivo na ASCII znakove, riječi iz maternjeg jezika mogu se koristiti u imenima.

Struktura XML dokumenta.

Svaki XML dokument se sastoji od sljedećih dijelova:

Opcioni prolog.
Tijelo dokumenta.
Opcioni epilog koji prati stablo elemenata.

Razmotrimo svaki od dijelova detaljnije.

Prolog XML dokumenta.

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

Prolog se sastoji od nekoliko delova:

opcionu XML deklaraciju koja je zatvorena između . Oglas sadrži:

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

Sve ovo zajedno može izgledati ovako:

Važno je napomenuti da je u XML deklaraciji potreban samo atribut verzije, svi ostali atributi mogu biti izostavljeni i stoga zadane vrijednosti. Također morate imati na umu da sve ove atribute treba specificirati samo gore navedenim redoslijedom.

komentari.

obrada komandi.

simboli praznog prostora.

opcionu deklaraciju tipa dokumenta, DTD (Deklaracija tipa dokumenta) koja je zatvorena između znakova i može se prostirati na više redova. Ovaj dio deklarira oznake koje se koriste u dokumentu ili pruža vezu do datoteke koja sadrži takve deklaracije.

Deklaracije tipa dokumenta također mogu biti praćene komentarima, naredbama za obradu i razmacima.

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 dobro oblikovanom XML dokumentu, elementi formiraju jednostavno hijerarhijsko stablo, u kojem nužno postoji korijenski element ( root element ) u koji su svi ostali elementi dokumenta ugniježđeni. XML jezik nameće izuzetno važno ograničenje za elemente - oni moraju biti pravilno ugniježđeni. Ovo olakšava ugniježđenje jednog XML dokumenta u drugi bez narušavanja strukture dokumenta, dok korijenski element ugniježđenog dokumenta postaje samo jedan od elemenata dokumenta u koji je ugniježđen. Ovo nas dovodi do još jednog ograničenja, naime da imena elemenata moraju biti jedinstvena unutar dokumenta, budući da ista imena u uključenom dokumentu mogu imati potpuno drugačije značenje nego u dokumentu koji sadrži. Da bi se riješio problem podudaranja imena, uveden je koncept imenskog prostora.

Ime korijenskog elementa smatra se imenom cijelog dokumenta i navodi se u drugom dijelu prologa iza riječi Doctype. Ako je DTD unutar XML dokumenta, onda se stavlja u uglaste zagrade iza imena korijenskog elementa:

Ali obično se DTD definira za nekoliko XML dokumenata odjednom. U ovom slučaju, zgodno ga je napisati odvojeno od dokumenta, a zatim se umjesto uglastih zagrada upisuje jedna od riječi System ili Public, nakon čega slijedi adresa u obliku URI-ja (Uniform Resource Identifier) od fajl sa DTD definicijom. Za sve praktične svrhe, URI se smatra ekvivalentnim URL-u, iako u principu može biti bilo koje jedinstveno ime. DTD definicija, na primjer, može izgledati ovako:

XML Namespaces

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

U nastavku, imena oznaka i atributa na koje želimo da upućujemo imenski prostor "http://URI_namespace" imaju prefiks ns, na primjer:

Novosibirsk.

Atribut xmlns se može pojaviti na bilo kojem XML elementu, a ne samo na korijenskom elementu. Prefiks definiran njime može se primijeniti na element u kojem je napisan atribut xmlns, kao i na sve elemente koji su ugniježđeni unutar njega. Štaviše, više imenskih prostora može se definirati na jednom elementu. U ugniježđenim elementima, imenski prostor se može nadjačati povezivanjem prefiksa s drugim identifikatorom. Pojava imena oznake bez prefiksa u dokumentu koji koristi imenski prostor znači da ime pripada zadanom imenskom prostoru. Prefiksi koji počinju sa xml znakovima u svakom slučaju su rezervirani za sam XML jezik.

Ime zajedno s prefiksom naziva se prošireno ili kvalificirano ime. Dio imena iza dvotočka naziva se lokalni dio imena.

Pozdrav, dragi čitaoci blog stranice! U prošlom članku smo shvatili koja je vrsta dokumenta i kako pretraživači 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 šta je oznaka, zašto je potrebna i šta su oznake. Kao što sam rekao u zadnjem članku ove kolumne, napravićemo datoteku stranice, na kojoj ćemo eksperimentisati, na osnovu stečenog znanja. Ali ovo je na kraju članka, ali za sada hajde da se pozabavimo HTML oznakom.

Šta je HTML oznaka, vrste HTML oznaka, primjeri pisanja HTML oznake - prevedeno sa engleskog tag - označiti - znakovi zatvoreni u ugaone zagrade i koji su elementi jezika za označavanje hiperteksta (HTML). Simboli se mogu razumjeti na engleskom (cijeli Internet je izgrađen na njemu). Oznaka izgleda

Ovo je podebljana tekstualna oznaka. Oznake su tri vrste:

Početni tag je oznaka na početku. U gornjem primjeru, oznaka je početna oznaka i dolazi prije teksta koji treba istaknuti.
Završna oznaka je oznaka na kraju. Karakteristična karakteristika je kosa crta "/" ispred znakova u ugaonim zagradama. Opet, pogledajmo gornji primjer. Oznaka je završna oznaka i dolazi nakon teksta koji treba podebljati
Pojedinačne oznake su oznake koje nemaju završnu oznaku. Primjer bi bio
Evo primjera oznake za otvaranje i zatvaranje:

Cijela struktura, uključujući i tekst, izgledat će ovako:

Ovaj tekst će biti podebljan

A ovako će izgledati ovaj tekst kada ga pretraživač obradi i pruži nam: Ovaj tekst će biti podebljan. Postoji i takva stvar kao oznake kontejnera, ali ovo je samo generalizirani naziv za oznake otvaranja i zatvaranja. Kao što sam gore napisao, pored oznaka kontejnera, postoje i pojedinačne oznake. Razlika je u tome što takve oznake ne moraju biti zatvorene. Najjasniji i najčešći primjer je oznaka novog reda.

U osnovi, pojedinačne oznake se koriste za umetanje nekog elementa, kao što je slika ili tabela.

Šta su atributi, pravopisna pravila i zašto su potrebna Osim oznaka, postoje i tzv. atributi. Tačnije, ne kao dodatak, već u oznakama. Koristeći atribute, možete postaviti dodatne parametre za bilo koju oznaku. Atributi za svaku oznaku su različiti, a u ovoj temi ćemo eksperimentisati sa tagom, koji bez atributa, zapravo, ne radi ništa razumno.

Font je oznaka kontejnera koja se koristi za formatiranje teksta. Pomoću ove oznake možete podebljati tekst i promijeniti veličinu i razmak između redova - općenito, sve što se može učiniti s tekstom. Razmotrite primjer s veličinom teksta. Počnimo tako što ćemo umotati tekst u oznaku Font.

Tekst

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

Tekst

Ovaj atribut na oznaci fonta mijenja veličinu označenog teksta.
Ako otvorite izvorni kod stranice, vidjet ćete da mjesto gdje se nalazi velika riječ "Tekst" izgleda kao

Tekst

Već ste vidjeli kako se pišu atributi. Potpuno na isti način na koji se pišu u drugim tagovima: prvo pišemo sam atribut (u ovom slučaju veličinu), zatim stavljamo "=" i stavljamo parametar atributa u dvostruke navodnike. Parametri atributa sve možete pronaći na istoj stranici World Wide Web Consortiuma.

Šta je W3C validator, pravopisna pravila i lista oznaka Kao što sam napisao, postoji mnogo oznaka. Ali gdje ih sve pronaći? U tu svrhu postoji validator W3C W3C - World Wide Web Consortium, a na ruskom - World Wide Web Consortium. Nije sasvim jasno, zar ne? Ovo je vrsta mjesta gdje se razvijaju web standardi - (jezici za označavanje hiperteksta su njihova ideja). Na čelu cijelog konzorcijuma je, poznato iz prošlog članka, Tim Berners-Lee - tvorac HTML-a. Web stranica organizacije je w3.org. Upozoravam vas, stranica je u potpunosti na engleskom, pa se opskrbite rječnikom ili prevodiocem u vašem pretraživaču. Inače, Google za ovu stranicu je 9, i - 37000 (ovo je sve puno, ako neko nije upoznat).

Vraćamo se na temu članka. Zanimaju nas jezički standardi HNTML 4.01. Pratimo vezu HTML 4.01 Specifikacija, nakon čega vidimo karticu elemenata na vrhu, kliknemo na nju. Evo stranice sa svim oznakama. Ove oznake su razvijene i usvojene kao standard od strane konzorcijuma. Sve je, opet, na engleskom. Odmah iza riječi "Indeks elemenata" vidimo legendu (značenje slova u kolonama):

A odmah nakon legende, nalazi se tabela samih oznaka:

U prvoj koloni - Ime - naziv same oznake - šta treba biti u uglatim zagradama (< и >).
Druga kolona - Start Tag - prisustvo uvodne oznake. U ovoj koloni možete vidjeti slovo "O", što znači "Opcionalno", a u prijevodu sa engleskog - Opciono. Ovo slovo je prisutno samo nasuprot oznakama , , i i znači da možete staviti početnu oznaku, ili je ne možete staviti - pretraživač će učiniti sve.
Treća kolona - End Tag - prisustvo završne oznake. Nasuprot ove oznake možete vidjeti i slovo "O" i slovo "F". Vrijednost prvog nije promijenjena. Drugo slovo - "F" - doslovno od engleskog "zabranjeno" - znači da je zabranjeno stavljati završnu oznaku, jednostavno ne postoji. Na primjer, ne postoji oznaka, jer se u njemu nema šta zatvoriti.
Četvrti - Empty - znači da je oznaka jednostruka (prazna). Sve oznake koje imaju "E" u ovoj koloni pored sebe takođe imaju "F" u prethodnoj koloni. Na kraju krajeva, pojedinačni tagovi nemaju završne oznake. Ista oznaka služi kao primjer .
Peta kolona je Depr. ili Deprecated - od engleskog "ne preporučuje se". Ako ova kolona sadrži slovo "D" (koje 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 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 pri slanju vijesti poštom ili u RSS-u. Ovdje oznake dobro dolaze. Većina ovih oznaka se, inače, odnosi na dizajn teksta (i predstavljaju primjer)
Šesta kolona - DTD - može sadržavati slovo "L" ili "F". Prvi - "L" - Loose DTD - znači da se oznaka nasuprot kojoj stoji ovo slovo može koristiti samo u prelaznom tipu dokumenata (- 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 poslednja, sedma kolona – Opis – kratak opis oznake, opet na engleskom

Atributi se nalaze na istoj stranici HTML 4.01 specifikacije, ali već na kartici „atributi“. Postoji mnogo više atributa nego oznaka. I opet ću potpisati sve tačku po tačku.

Prva kolona - Ime - kao u slučaju oznaka - naziv atributa. Sve je na engleskom, ali imajući osnovno znanje, možete pogoditi šta radi ovaj ili onaj atribut.
Druga kolona - Povezani elementi - je lista svih oznaka koje koriste bilo koji atribut. Sve oznake su povezane, tako da možete skočiti direktno na informacije o oznaci.
Treći stupac - Vrsta - ovo su sve moguće vrijednosti određenog atributa. Na primjer, nasuprot atributu veličine koji smo odabrali u oznaci Font nalazi se vrijednost CDATA. Razmotrit ćemo to kasnije, a ukratko, to je poseban skup opcija veličine (u ovom slučaju). Na kraju krajeva, možete pisati i piksele i procente
Četvrta kolona – Podrazumevano – pokazuje da li je atribut potreban u određenoj oznaci. Na primjer, u oznaci Img, atribut src je obavezan, jer ukazuje na izvor iz kojeg se slika uzima.
6., 7. i 8. stupac znače isto kao u slučaju oznaka.

Sve gore navedeno se odnosi samo na HTML verziju 4.01. O HTML 5 ćemo govoriti u drugom članku, a dotaknućemo se i XHTML-a. A sada, kao što sam obećao, napravićemo stranicu u HTML jeziku, na kojoj ćemo eksperimentisati.

Kreiranje html datoteke - HTML dokumenta

Prije svega, hajde da shvatimo šta je HTML dokument. Ovo je zapravo HTML datoteka. I sve web stranice su HTML dokumenti. Na primjer, kada dođete do stranice u adresnoj traci na kraju, možete vidjeti “.html” ili “.htm” nakon adrese. Evo datoteke sa ovom ekstenzijom koju ćemo kreirati. Općenito, ako želite eksperimentirati na web mjestu, a ne na stranici, onda je bolje stvoriti lokalni server - Denver (o čemu želim pisati).

S obzirom da nisam ni govorio o tagovima prisutnim na svakoj stranici, jednostavno ćemo kreirati fajl sa bilo kojim imenom i ekstenzijom .html. Možete (i najbolje) koristiti Notepad++ , jer ovaj uređivač teksta koristi isticanje koda, što je vrlo zgodno prilikom uređivanja koda i možete spremiti datoteke u mnogim formatima. Postoje i programi u kojima se, prilikom kucanja koda, rezultat odmah pojavljuje u obrađenom obliku.

Dakle, samo treba da otvorimo Notepad ++ i sačuvamo fajl sa proizvoljnim tekstom (možete i da ga ispraznite), ali u .html formatu. Da biste to učinili, kao i obično, kliknite na datoteku s natpisom, zatim "sačuvaj kao" i među velikom popisom ekstenzija potražite "Datoteka jezika za označavanje hiperteksta (ekstenzije datoteke)". To je, u stvari, sve. Dodaćemo prve redove ovoj datoteci u sljedećem članku pod naslovom "Kreiranje stranice od nule"

Oznaka je posebna rezervirana riječ zatvorena u ugaone zagrade (npr. ). Oznaka je glavna komponenta HTML-a: kod počinje s njom, s njom se završava, informacije prikazane na web stranici sadržane su unutar oznaka. Preporučuje se da ih pišete malim slovima, odnosno običnim malim slovima: ne, ali.

Šta su oznake?

Većina HTML oznaka je uparena: postoji oznaka za otvaranje (na primjer, ) i oznaka za zatvaranje, koja se razlikuje od početne oznake kosom crtom (/ ) iza prve ugaone zagrade (na primjer, ). Sve unutar para oznaka naziva se njihovim sadržajem.

Sadržaj Tekst postavljen unutar ovih oznaka postaje podebljan

Postoje i neuparene (pojedinačne) oznake, koje se nazivaju etikete. Njih, za razliku od pair tagova, ne treba zatvarati, jer ne rade sa sadržajem, već samostalno obavljaju neku funkciju. Primjer jedne oznake -
. Postavlja da se tekst prelama u sljedeći red.

Ako povučemo paralele s ruskim jezikom, onda možemo reći da su uparene oznake navodnici ili zagrade koji utiču na svojstva teksta sadržanog u njima (pokušajte da ne zatvorite navodnike na vrijeme), a pojedinačne oznake (oznake) su znakovi interpunkcije (uskličnik, upitnik ili tačka).

Svaka oznaka se sastoji od: