Semantičko označavanje: što je to i zašto je potrebno. Što je semantika u HTML-u

Semantičko označavanje je jedan od najmoćnijih - ali, čudno je, rijetko korištenih - alata optimizacija pretraživača. U biti, ovo je način da se tražilicama olakša izvlačenje i obrada podataka za informativniju prezentaciju u rezultatima pretraživanja. To povećava potencijal klikanja vaših veza u rezultatima pretraživanja.

Kada kupci traže nešto na Googleu, Yandexu ili Bingu, vjerojatno će dobiti dugačak popis reklame i organske rezultate pretraživanja. Ako je vaša stranica dobro rangirana za pretraživanja određenog proizvoda, poveznica na njega pojavit će se u rezultatima. Ali to je samo dio zadatka, jer netko drugi mora kliknuti na poveznicu.

Semantičko označavanje čini rezultate pretraživanja informativnijima

Jedan od načina da se istaknete u svojim rezultatima pretraživanja je dodavanje relevantnijih informacija, kao što su ocjene proizvoda, cijene, recenzije i dostupnost.

Na slici ispod možete vidjeti rezultat Google pretrage za 20.06.2016. Ovo je takozvani isječak - Kratki opis stranice web mjesta u rezultatima upita za pretraživanje. Kao što vidite, glačalo za kovrče PHILIPS ProCare na Rozetka.com.ua ocijenilo je četiri kupca, dajući im po pet zvjezdica. Cijena proizvoda je 999 grivna, a nalazi se na zalihi.

Ovaj Google rezultat pretraživanja vraća strukturirane podatke.

Google to razumije i prikazuje Dodatne informacije zahvaljujući označavanju strukturiranih podataka o tome određenu stranicu roba. Ovaj dodatni rad, koji je napravljen na Rozetka.com.ua, neće izravno utjecati na rezultate rangiranja. Ali ako se stranica pojavljuje u korisnikovim rezultatima pretraživanja na ovaj način, ima mnogo veće šanse da dobije klik. Stoga, u konačnici, semantičko označavanje poboljšava poziciju stranice u rezultatima pretraživanja.

Semantičko označavanje i rječnik u formatu mikropodataka

Dakle, postoji neki standard semantičko označavanje podaci na webu Schema.org, koji su zajednički izradili Google, Bing i Yahoo 2011. godine. Ovo je dosljedna shema semantičkog označavanja koja omogućuje tražilicama da razumiju što učiniti s informacijama na vašoj stranici.

Rječnik Schema.org koristi se u kombinaciji s mikropodacima, web standardom za semantičko označavanje HTML stranica koji vam omogućuje da opišete značenje informacija o HTML elementima pomoću posebnih strojno čitljivih atributa. Drugim riječima, dodajete posebne oznake u HTML kod vaših stranica – i tražilicama postaje jasno što se na njima nalazi govorimo o, i što učiniti s tim.

Kako biste osigurali da tražilica prepozna vaše dodatne podatke o proizvodu, označite relevantne stranice prema shemama proizvoda, ponude i skupne ocjene.

Korištenje rječnika Schema.org s mikropodacima za stranicu proizvoda u online trgovini počinje s vanjski element, uokvirivanje informacija o proizvodu. U ovom primjeru koristimo div.

…

Pomoću atributa itemscope dodajemo dodatne informacije o proizvodu.


Neki cool proizvod

Ovo je jednostavno izvrstan proizvod. Bit ćete vrlo zadovoljni.
123456789

Semantičko označavanje i JSON-LD

Nedavno je Google počeo poklanjati više preferencija JSON za povezivanje podataka ili JSON-LD, a ne mikropodaci. Format JSON-LD ima nekoliko prednosti. Na primjer, ne morate uključiti HTML kôd u tijelo stranice da biste ga koristili. Samo zalijepite skriptu u. Prvo postavljamo tip:


…

Ključni koncept u ovom označavanju je kontekst (@context). Uz njegovu pomoć možete, na primjer, naznačiti da oznaka koristi semantiku schema.org:
{
"@context": "http://schema.org/",
"@type": "Proizvod",
"name": "Neki cool proizvod"
"slika": "neki-cool-product.png",
"description": "Ovo je jednostavno sjajan proizvod. Bit ćete vrlo zadovoljni."
“sku”: “123456789″,
"aggregateRating": (
"@type": "AggregateRating",
"vrijednost ocjene": "4",
"reviewCount": "1.987"
},
"ponude": (
"@type": "Ponuda",
"priceCurrency": "UAH",
"cijena": "999",
"dostupnost": "http://schema.org/Dostupno"
}
}
Semantičko označavanje - bilo da se radi pomoću mikropodataka ili JSON-LD-a - omogućit će vam da bolje predstavite svoje proizvode u rezultatima Rezultati pretraživanja, čime su značajno povećali svoju stopu klikanja, a time i prodaju.

U današnjem članku pričati ćemo o prilično otrcanoj temi o kojoj se od davnina raspravlja na mnogim forumima, blogovima i drugim stranicama. Kao što pokazuje naša praksa, više od 50% vlasnika web stranica ne razumije što je semantičko označavanje podataka i za što je potrebno. Koriste ga ili s pogreškama, ili samo radi njega. Možete pročitati o vrstama semantičkog označavanja.

Što je semantičko označavanje?

Na Internetu nisam mogao pronaći odgovarajuću definiciju, pa sam je odlučio sastaviti od 4 najprikladnije definicije.

Semantičko označavanje je način da se formalizira korištenje značenja razni standardi(rječnici) o različitim entitetima (događajima, organizacijama, ljudima, proizvodima i tako dalje) koristeći sintaksu (način na koji se rječnik koristi) na web stranicama resursa.

Ispalo je malo zeznuto... Ipak, od ovu definiciju Razumijemo da je semantičko označavanje određena pravila koja podliježu određenim standardima ili rječnicima. Koje su, pak, osmišljene kako bi pomogle tražilicama (i drugima) da razumiju sadržaj stranica web stranica.

Nabrojimo najpoznatije standarde (rječnike) i detaljnije se zadržimo na samo dva od njih, ali više o tome malo kasnije.

Vrste označavanja podataka

Data Vocabulary je standard za označavanje podataka koji je razvijen tvrtka Google do lipnja 2011.

Razvoj standarda je obustavljen zbog izrade rječnika Schema.org. traži Googleov robot može koristiti podatke dobivene ovim označavanjem, ali preporuke se svode na promjenu standarda u Schema.org.

Dublin Core ili Dublin Core je standard razvijen 1995. godine. Dublin Core Semantics stvorila je međunarodna interdisciplinarna skupina knjižničarskih i muzejskih stručnjaka, informatika. To je skup meta oznaka, 15 glavnih i 3 dodatna svojstva.

Znakovi korištenja podataka iz ovog standarda u tražilice ah nije pronađeno.

FOAF ili Friend of a Friend standard je koji su stvorili Libby Miller i Dan Brickley 2000. godine. Koristi se uglavnom za početne stranice i društvene mreže. Rješava problem izgradnje veza među ljudima i njihovog ujedinjavanja.

Mikroformati ili mikroformati su standard koji je 2005. godine stvorila zajednica zainteresiranih entuzijasta iz WC3.

Ovaj je standard bio vrlo popularan prije pojave Schema.org i još uvijek se koristi na mnogim stranicama. U vrijeme pisanja Yandex podržava sljedeće mikroformate: hCard - format za označavanje kontakata (adrese, telefonski brojevi itd.); hRecipe - format opisa kulinarski recepti; hReview - format oznake recenzije.

Čini se da smo se odlučili i za standard i sintaksu.

Prvo, odlučimo koja je glavna svrha označavanja. Ako ste pročitali članak da vam je uz markup zajamčeno mjesto u prvih 10, onda to nije točno. Svrha mikro označavanja je poboljšati razumijevanje stranice u očima robota, poslati informacije bazama znanja tražilice i povećati CTR vašeg isječka (što neizravno može povećati vaš promet i pozicije). Ali moramo shvatiti da su to sve neizravni pokazatelji. Stranice koje koriste mikropodatke i bez njih jednako su rangirane.

Sada pogledajmo koje podatke na web mjestu vrijedi označiti i što podržavaju tražilice ovaj trenutak(budući da svaki dan ima sve više podržanih entiteta).

Pogledajmo pobliže tri najčešća primjera:

Kartica proizvoda markup schema.org

Kartice proizvoda - označene entitetom proizvoda. Implementacija ove vrste pomoći će nam da dobijemo sljedeći isječak u Yandexu:

Ne smije se miješati s isječkom proizvoda u rezultatima Yandexa dobivenim korištenjem .yml datoteke s Yandex.Marketa ili usluge "Proizvodi i cijene" Yandex webmastera.

Kako doći do ovog isječka?

Tko ima sličan problem na stranicama za kuhanje, možda imate isti razlog. Svaki put sam uvjeren da je certifikat naše sve.)) Također bih želio napomenuti kvalitetu Yandex podrške i izraziti zahvalnost na brzim odgovorima - dopisivanje se odvijalo gotovo u stvarnom vremenu.

Sada prijeđimo na implementaciju označavanja kulinarskih stranica.

40 min.

Naziv recepta

Poslužuje 6


6kom.
Jajabr>
400 gr.
Granulirani šećer

……………………Td. sastojci……………………………

100 gr.
Kakao

Torta kornjača nije teška za pripremu, a sigurno će postati omiljena torta vašoj djeci jer izgleda poput simpatične kornjače.

2100


Pobjeda
.....

Naš lijepi isječak na Googleu:

Objavit ćemo snimku zaslona isječka na Yandexu kada se informacije ažuriraju (za otprilike dva tjedna).

UPD od 05.06.2017.: Kao što smo obećali, dodajemo snimak zaslona s Yandexa:

Korisni resursi o schema.org

Validatori mikro markupa:

• Validator iz Yandexa https://webmaster.yandex.ru/tools/microtest/
• Validator iz Googlea https://search.google.com/structured-data/testing-tool/

Podržani Yandex standardi i formati: https://yandex.ru/support/webmaster/site-content/data-transmit.xml

Alat “ ” pomoći će vam da ubrzate pojavljivanje označenih informacija u Googleu.

Pogledajte kako to izgleda određenu stranicu u rezultatima pretraživanja pomoći će vam operater stranice: adresa stranice koja se provjerava. Radi i na Googleu i na Yandexu.

Google također nudi odličan alat "Čarobnjak za označavanje strukturiranih podataka" - https://www.google.com/webmasters/markup-helper/?hl=ru

Za standard Open Graph iz Facebooka:

Jedna od najvrućih i najhitnijih tema među web programerima i vlasnicima internetskih izvora danas je SEO optimizacija. Da vaša stranica bude na prvoj stranici upite za pretraživanje"Yandex" ili Google, potrebno je izvršiti ogroman rad na njegovom stvaranju i promociji.

Zašto je potrebno semantičko označavanje?

Resurs možete prilagoditi običnom korisniku koristeći trenutni i zanimljiv sadržaj. Ali kako bi korisnik pronašao ovaj resurs, potrebno je optimizirati stranicu za tražilicu. Kako to učiniti?

Za razliku od osobe, on ne može prepoznati što se govori na stranici bez određenih tragova. Analizira sadržaj, prepoznaje određene obrasce, identificira ključne riječi, ali u nedostatku ljudske inteligencije ne može shvatiti značenje napisanog. Kako bi pojednostavili njegov zadatak, programeri su osmislili semantičko ili mikrooznačavanje za Yandex i Google. Kao što hipertekst govori stroju što da kamo stavi, semantičko označavanje objašnjava kome ili čemu je resurs namijenjen. Zahvaljujući ovom razumijevanju, stranica je bolje rangirana među konkurentima i ima veće šanse doći na vrh upita za pretraživanje.

Primjer semantičkog označavanja

Yandex i Google mikro oznake posebno su učinkovite u promicanju komercijalnih stranica koje nude robu i usluge. Sljedeći primjer će to najjasnije objasniti.

Za pružanje frizerskih usluga za pse potrebno je izraditi mikromarkup za web stranicu posjetnice. Izgledat će ovako:

Vrsta artikla - brijačnica,

Ime - frizer za pse.

Prvi redak određuje područje rada stranice, a drugi - konkretnog objekta. Stranica s takvom skriptom pojavit će se više na ljestvici pretraživanja od slične stranice bez nje, budući da će je tražilica smatrati relevantnijom za koncept "salon za šišanje pasa", a ne samo "frizerski salon".

Mikro označavanje stvoreno pomoću Yandex.Webmastera omogućuje vam da odredite mnoge parametre - prodajna mjesta, radno vrijeme, kontakte, kratke informacije ili usluge i još mnogo toga.

Gdje se koristi semantičko označavanje?

Sve više resursa nastoji korisniku pružiti kvalitetno obrađen materijal. Što je po značenju bliži onome što tražite, to će web-mjestu donijeti veću učinkovitost. Stoga se danas aktivno koristi mikro označavanje:

• Komercijalne stranice za promociju roba i usluga.
• Mrežni priručnici i enciklopedije za stvaranje poveznica na više razina između članaka.
• Društvene mreže za detaljne profile, događaje i drugi sadržaj.

Jedinstveni standard Schrema.org

Stvaranje semantičkog označavanja dovelo je do potrebe za jedinstveni standard za sve tražilice. Postala je mikro oznaka Yandexa i Googlea - schrema.org. Pojednostavljuje proces stvaranja kratkog opisa (isječka) koji vidimo kada se stranica prikaže u rezultatima pretraživanja. Ove informacije mogu uključivati važna informacija o stranici, što će pomoći korisniku da odluči hoće li ili ne otići na ovu stranicu.

Usput, broj elemenata i rječnika u schremi je ogroman, tako da se može koristiti za stranice o gotovo bilo kojoj temi.

Open Graph Standard

Osim tražilica Google sustavi i Yandex, mikrooznačavanje roba, usluga, multimedijskih i informacijskih sadržaja zahtijevaju i društvene mreže. Za njih je Facebook smislio singl Otvoreni standard Grafikon. Ovo označavanje vam omogućuje kontrolu načina na koji je stranica predstavljena feed vijesti društvena mreža. I danas stvarajte lijepi linkovi možete ga koristiti ne samo na Facebooku, već i na Google+, VKontakte, Twitter. Usput, za lijepo prikazivanje potonjeg također se koriste Twitter kartice.

Koje označavanje odabrati?

Zapravo, pri rangiranju web mjesta, ni Yandex ni Google ne daju standardu veću prednost. Klasičan slučaj korištenja je schrema.org - on je najpotpuniji, najmoderniji i aktivno se razvija.

Mikrooznačni rječnici

Definirali smo što je Yandex mikro označavanje. Kako ga mogu prikazati potrebne informacije? U tu svrhu koristi se koncept koji se naziva mikrooznačni rječnik. Ovo je skup elemenata, oznaka i sintakse uz pomoć kojih se pozornost usmjerava na nešto pretraživač.

Svaki standard ima svoje rječnike i elemente. Ima ih nekoliko na schema.org ključne riječi sa svojom ogromnom hijerarhijom i vrstama prikaza. Na primjer, Thing rječnik vam omogućuje da informacije predstavite u 3 glavna svojstva:

• alternateName - za alias (alias) objekta;
• opis - za opis teksta objekt;
• slika - za sliku ili poveznicu na nju.

Ili rječnik dobrih odnosa, koji će biti posebno koristan za platforme za internetsko trgovanje. Omogućuje objavu podataka o cijenama, mjestima kupnje, dostupnosti itd.

FOAF rječnik - mikro označavanje Yandex i Google kontakata. Ovo je obrazac koji ste ispunili milijune puta na raznim stranicama - vaše ime, koordinate, stranica u društvenim mrežama, e-mail, datum rođenja itd. Ovo znanje će vam omogućiti da uvjerite korisnika da slijedi vezu, nudeći mu nešto što bi ga moglo zanimati. Tako stranica može povećati promet.

Za Detaljan opis audio i video podaci - izvođač, naziv albuma, trajanje - koristi se mikrooznaka VideoObject.

Postoji i oznaka za mail poruke, omogućujući korisniku da pristane na sastanak ili ostavi komentar ispod članka, na primjer, bez odlaska na drugu stranicu.

Što je validator

Svaka promocija na Internetu zahtijeva temeljitu i dubinsku analizu njezine učinkovitosti. Možete provjeriti Yandex mikro označavanje pomoću validatora - softver, koji prepoznaje metapodatke na web stranicama. Može se provjeriti ispravnost dokumenata bilo kojeg formata - HTML, XHTML, RSS, XML, na svim jezicima.

Yandex mikropodatke provjerava bilo koji validator koji podržava formate mikropodataka Schema.org, HTML, Open Graph i RDF.

Kako provjeriti Google mikropodatke

Saznajte kakva je vaša web stranica Google pretraživanje moguće na više načina. Za iskusan korisnik koji je tečan skrivene postavke Google webmasterima, Rich Snippet Tool, dostupan samo putem veze, poslužit će.

Drugi način je instalacija SEO dodatak od Yoasta. Jednostavan je za korištenje i bit će dostupan nakon instalacije gornja ploča webmaster.

Treći način je otići na web mjesto Google Developers na alatnoj traci, odabrati "Ostali resursi", kliknuti gumb "Alat za provjeru strukturiranih podataka" i navesti html stranicaželite provjeriti. Kada robot izračuna zadanu skriptu, dobit ćete detaljno izvješće s pogreškama, ako postoje, i objašnjenjima istih.

Kako provjeriti Yandex mikro markup

S ovom tražilicom sve je nešto jednostavnije. Yandexov mikromarkup validator nalazi se u alatima za webmastere, na kartici "Moje stranice". Ovdje morate kliknuti gumb "Provjeri oznake" i unijeti URL stranice, a validator će početi izračunavati pogreške. Za nekoliko minuta dobit ćete jednu od tri opcije odgovora:

• Mikro označavanje nije pronađeno.
• Ima grešaka.
• Mikro označavanje u potpunosti je u skladu sa standardom.

U kojim slučajevima se pojavljuje informacija o netočnom označavanju?

"Yandex.Webmaster" - validator mikro oznaka - prikazuje poruku o pogrešci u dvije situacije:

• Kada ne prepoznaje oznaku.
• Kada mikro markup ne zadovoljava standard.

U svakom slučaju, program će prikazati detalje pogreške, iz kojih možete procijeniti što Obavezna polja su izostavljeni u označavanju ili koji je atribut izostavljen.

Također može prikazati poruku: "Stranica se ne može učitati." Označava grešku poslužitelja ili nepostojeću stranicu.

Ako je Yandex mikro oznaka napravljena s nepoznata pogreška ili ne znate kako to popraviti, uvijek možete zatražiti pomoć od Yandex.Webmastera.

Nakon dovršetka provjere valjanosti, nova oznaka pojavit će se u roku od 2 tjedna.

Kako mikro označavanje utječe na rangiranje web stranice?

Označili ste svoj resurs u skladu sa svim pravilima, a Yandex mikromarkup validator pokazao je da je sve učinjeno bez grešaka. Koliko će se bodova vaša web stranica popeti na ljestvici pretraživanja?

Semantičko označavanje samo neizravno utječe na relevantnost i nemoguće je reći točan broj pozicija na koje će podići stranicu. Međutim, markup je jedan od ključni faktori, utječući na privlačenje pozornosti korisnika. Vodit će zanimljiv i atraktivan isječak veći broj posjetitelja, a pozicija stranice će rasti. Ostalo će ovisiti o cjelovitosti i relevantnosti izvora.

Prednosti označavanja

Osim vidljivosti resursa, mikro označavanje značajno povećava težinu i kvalitetu stranice među konkurentima. Vrijedi istaknuti sljedeće prednosti oznake:

• Povećava povjerenje tražilica, robot za pretraživanje Lakše je istaknuti glavne elemente stranice, što znači da im je lakše indeksirati nas. Ako ovaj proces opišemo na vrlo pojednostavljen način, možemo reći da je tražilica zadovoljna što joj otkrivamo srž stranice, naše interne tajne, a njeno povjerenje u nas raste.
• U očima potrošača, stranice s isječcima izgledaju ne samo uočljivije, već i bolje kvalitete. Sukladno tome, na takve se resurse češće klika, što znači da se povećava CTR u rezultatima pretraživanja ili klikovni postotak.
• Vlasnik ima jedinstvena prilika prikazati informacije koje će biti vidljive čak i ako korisnik nije posjetio stranicu.
• Informacije o isječku uvijek se mogu promijeniti, a to neće utjecati na položaj izvora na popisu.

Ali, naravno, kada radite SEO promociju, ne biste se trebali usredotočiti samo na razvoj mikro označavanja. Izuzetno je važno imati korisnu i jedinstven sadržaj, ali ne samo. Mnogo je više faktora koji utječu na uspon stranice na ljestvici tražilica Yandex i Google.

Drugi načini promoviranja web stranice

Interna promocija, koja uključuje Yandex i Google mikro označavanje, ima nekoliko smjerova:

• korištenje ključnih riječi u naslovima domene i stranice;
• prisutnost ključnih riječi na samoj stranici, njihova ravnomjerna raspodjela kroz tekst, mjesto u podnaslovima i oznakama;
• ispraviti HTML označavanje bez grešaka (provjereno pomoću Yandex alata za webmastere);
• prisutnost megatagova (ključne riječi, opis itd.), koji tražilici ukazuju na bit stranice;
• povezivanje - tj. veze na druge stranice stranice;
• jednostavna struktura web stranice koja vam omogućuje da klikom pređete na glavnu stranicu;
• pamtljiv i jasan dizajn;
• rad s društvenim mrežama, mogućnost preporučivanja informacija koje vam se sviđaju drugima;
• dostupnost mape stranice;
• jedinstven, zanimljiv i redovito ažuriran sadržaj, koristan i relevantan za čitatelja;
• optimiziran CMS za brzo učitavanje stranica bez grešaka.

Osim interne promocije treba raditi i sa vanjski faktori. Web programer mora redovito nadzirati prikazuju li se poveznice na web mjesto na drugim resursima, koliko je težina i mjerodavna ta masa poveznica (ovaj proces se određuje korištenjem tematskih i ponderiranih. Jedan od načina vanjskog citiranja je i postavljanje reklamni banneri resurs.

Prema novijim studijama, jedan od naj učinkovite načine promocija je rasprava ili spominjanje stranice na društvenim mrežama. Tražilica vidi aktivno kretanje tih informacija i percipira ih kao relevantne i tražene, čime povećava ocjenu resursa.

Za internetske trgovine učinkovito je koristiti komentare i recenzije kupaca, kako na samoj stranici, tako i na tematskim forumima, portalima s recenzijama itd.

Umjesto zaključka

Online promocija složen je, višestruk proces koji zahtijeva intenzivan rad na različitim vanjskim i unutarnjim čimbenicima. Ne može se reći da je bilo koja od gore navedenih metoda apsolutno ispravna, a to je ona koja će vašu stranicu dovesti na vrh. Pronađite se na gornje linije upitima za pretraživanje moguće je samo uz opsežan rad na svim aspektima SEO promocija Konkretno, mikro označavanje bi trebalo igrati veliku ulogu.

Vrlo je važno prenijeti tražilici da na sve načine pokušavate pojednostaviti njezin odabir i da to ne radite samo zbog visoka ocjena, ali i zbog praktičnosti korisnika, točnije, prije svega, kako bi osoba pronašla te podatke na mreži.

Yandex i Google izravno su zainteresirani za primanje korisnika potrebne informacije, što znači da što je vaš resurs lojalniji, veće su mu šanse da zauzme mjesto u vrhu.

Nije važno koju vrstu oznake koristite - OpenGraph, schrema.org ili neku drugu, glavno je da se izvršava bez grešaka i da se ističe ključne točke stranice resursa. Redovito ga provjeravajte pomoću validatora, provodite duboko skeniranje svaki aspekt vaše aktivnosti, a onda vas očekuju izvrsni rezultati!

Niz sadrži nizove - elemente liste. Sama HTML stranica sadrži oznaku; kako biste dodali elemente na popis, morate:

programski stvoriti element< li > ;

dodati stvorenom HTML element- šifra sadržaja;

dodati element na popis.

Programski će izgledati ovako:

var list = document.getElementById("popis"); za (var i = 0; i< items.length; i++) { var listItem = document.createElement("li"); listItem.innerHTML = items[i]; list.appendChild(listItem); }

Dakle, kada se funkcija pozove, generira se sadržaj popisa s id="list".

Stvaranje grupe poveznica je malo teže, jer osim teksta veze, element mora sadržavati adresu skoka. Da bismo to učinili, potreban nam je niz poput ovog:

var links = ; linkovi = (naziv: "prvi", href: "dokument1.html"); veze = (naziv: "drugi", href: "dokument2.html"); linkovi = (name: "treći", href: "document3.html"); linkovi = (naziv: "četvrti", href: "dokument4.html");

Spremnik je definiran na HTML stranici. Redoslijed dodavanja veze u spremnik izgleda ovako:

programska izrada elementa ;

određivanje teksta veze;

postavljanje vrijednosti atributa href;

dodavanje veze na spremnik.

Sljedeći kod ilustrira implementacija softvera navedeni slijed radnji:

var nav = document.getElementById("navigacija"); for(var j = 0; j za izradu slikovne karte. Definira parametre aktivnih zona veza na karti baza označava završeno osnovna adresa dokument. Koristi se za sastavljanje relativne adrese i za određivanje ciljnog prozora svih poveznica stranica bdo postavlja smjer izlaza teksta (zdesna nalijevo, slijeva nadesno) blok citat ističe citat (obično dugačak). Prikazuje se s povećanim uvlačenjem tijelo definira granice tijela dokumenta. Unutar oznake nalaze se svi elementi odgovorni za sadržaj HTML stranice. dugme stvara gumb na obrascu naslov stvara zaglavlje tablice. Prikazuje se iznad stola izvan okvira. Element tablice citirati koristi se za označavanje izvora citata ili njegovog autora. Obično se piše kurzivom kodirati kol omogućuje postavljanje opća svojstva za cijeli stupac tablice odjednom colgroup omogućuje postavljanje općih svojstava za nekoliko stupaca tablice odjednom dd i . Definira pojam del označava tekst kao izbrisan. Može se pojaviti kao mala slova ili kao blok element ovisno o kontekstu dfn ističe pojam u tekstu div dodjeljuje logički blok. Jedan od glavnih elemenata rasporeda blokova dl koristi se prilikom izrade popisa definicija zajedno s i dt koristi se prilikom izrade popisa definicija zajedno s i em koristi se za naglašavanje pažnje set polja namijenjen grupiranju elemenata forme oblik stvara obrazac na stranici. Obrazac služi za razmjenu podataka između korisnika i poslužitelja h1, h2, h3, h4, h5, h6 koristi se za stvaranje naslova glava naslov dokumenta, sadrži informacije o trenutnom dokumentu html oznaka spremnika koja sadrži sav sadržaj stranice osim doctype koji se mora staviti ispred oznake img dodaje sliku na stranicu ulazni omogućuje vam stvaranje elemenata sučelja: gumbe, tekstualna polja, radio gumbe i potvrdne okvire. Glavni način dobivanja informacija od korisnika (čitatelja) temelji se na ovoj oznaci ins označava tekst dodan nova verzija dokument. Može se pojaviti kao umetnuti ili blok element ovisno o kontekstu kbd označava tekst upisan na tipkovnici ili tipkovnim prečacima označiti omogućuje vam povezivanje elementa sučelja na obrascu s tekstualnom oznakom i postavljanje tipkovnih prečaca legenda definira naslov za elemente obrasca grupirane unutar spremnika oznake li stvara stavku popisa veza uspostavlja kontakt sa vanjski dokumenti, najčešće sa stilskim listovima karta oznaka spremnika za izradu slikovnih mapa meta sadrži metapodatke - tehnički opis dokument u obliku parova ime-vrijednost. Koristi se za identifikaciju svojstava dokumenta (na primjer, autor, datum isteka, popis ključnih riječi itd.) i postavljanje vrijednosti tih svojstava noscript sadrži tekst koji ispisuje preglednik objekt koristi se za ugradnju različitih objekata (obično medijskih datoteka) na stranicu ol stvara numerirani popis izborna grupa oznaka je spremnik za oznake. Ujedinjuje ih u grupu opcija navodi poseban redak popisa u oznaci str dizajniran za stvaranje paragrafa prije definira unaprijed formatirani dio teksta. Izlaz poštujući sve razmake i nove retke q ističe citat u tekstu uzorak označava tekst, poput programskog koda ili formule skripta dodaje skriptu na stranicu Izaberi stvara selektor vrijednosti raspon prvenstveno se koristi za formatiranje i/ili dodjeljivanje jedinstvenog identifikatora (ID) određenom dijelu teksta snažna logički ističe i osnažuje tekst. stil navodi stilsku tablicu stol definira tablicu tijelo koristi se za grupiranje nizova radi pružanja zajedničkog oblikovanja td određuje ćeliju tablice tekstualno područje definira polje za unos s više redaka. tfoot koristi se za definiranje reda koji će biti prikazan na dnu tablice th definira ćeliju zaglavlja tablice thead koristi se za definiranje retka/redaka koji će biti prikazani na vrhu tablice titula definira naslov dokumenta tr definira red tablice ul stvara popis s grafičkim oznakama var označava naziv varijable

Dostavili smo nepotpune