HTML Head Section.

Sve oznake koje se nalaze između i nešto su kao službene tehničke informacije. Uzmite oznaku kao primjer - ovo je naslov. Čemu služi, pitate se?

Otvorite pretraživač i pogledajte sve komandne linije (naime, naslov prozora)... Jeste li vidjeli?

Element HEAD (označen oznakama i) se postavlja neposredno ispred tijela HTML dokument, koji je definiran oznakama i ().

Između oznaka i mogu postojati sljedeće komponente:

GLAVA - definira početak i kraj elementa, unutar kojeg se nalaze sve servisne informacije namijenjene pretraživaču.

NASLOV - označava naziv dokumenta (Internet stranice) koji se prikazuje u prozoru pretraživača. Može se specificirati, ali ne više od jednom.

BASE — definira osnovnu adresu iz koje se naknadno izračunavaju relativne veze unutar vašeg dokumenta. Nema završnu oznaku. Istovremeno, ovdje je obavezna točka prisutnost barem jednog od parametara (atributa):

• HREF— određuje osnovnu adresu (URL) internet stranice;
• TARGET— definira okvir (njegov naziv) koji će se po defaultu koristiti u hiperlinkovima.

Primjer.

Kreiranje web stranice

...


Lista
...

STYLE - koristi se za umetanje kaskadne tablice stilova u dokument CSS (Cascade Style Sheet).

Ima sljedeće atribute:

• TYPE— definira MIME tip stilskog lista koji će se integrirati. To je obavezan atribut i obično ima vrijednost "text/css" .
• TITLE— definira naziv kaskadne tablice stilova. Postaje neophodno ako planirate da koristite nekoliko pravila u jednom dokumentu STIL. U ovom slučaju, pretraživač će biti primoran da pita koji će od predloženih stilova biti primenljiv na dokument. Svi moderni pretraživači zanemaruju ovaj atribut - ne morate ga koristiti.
  

Primjer.

Korištenje CSS stilskog lista

LINK - određuje odnos vašeg dokumenta sa drugim objektima. Nema završnu oznaku.

Atributi

• HREF— definiše URL dokumenta (Internet stranica).
• REL— određuje kako je dokument povezan s objektom definiranim HREF parametrom. Može imati sljedeća značenja:

stylesheet— pokazuje na datoteku koja sadrži CSS stilski list. Pregledač će preuzeti css datoteku sa adrese navedene u HREF parametru i zatim je primijeniti na dokument.

Dom— pokazuje na glavnu stranicu stranice.

toc, contents - pokažite na datoteku koja sadrži sadržaj dokumenta.

index— pokazuje na datoteku koja sadrži informacije za indeksno pretraživanje dokumenta.

glosar— pokazuje na datoteku koja sadrži listu pojmova koji se odnose na dokument.

autorsko pravo— pokazuje na stranicu na stranici koja pruža informacije o autorskim pravima, njihovim kreatorima itd.

gore, roditelj— pokazuje na „roditeljsku“ stranicu (stranica koja je jedan korak iznad svih stranica).

dijete— pokazuje na „podređenu“ stranicu (stranica koja je jedan korak ispod određene).

sljedeći— pokazuje na sljedeću stranicu.

prethodni— pokazuje na prethodnu stranicu.

kraj, kraj— pokazuje na posljednju stranicu.

prvo— pokazuje na prvu stranicu.

pomoć— pokazuje na stranicu sa nagoveštajem.

• TYPE— određuje MIME tip za objekt specificiran u HREF parametru.

Primjeri.

DIV element

Podne

META - koristi se za umetanje meta podataka. Ova oznaka vam omogućava da u HEAD element umetnete razne korisne tehničke informacije, koje, u konačnici, neće biti vidljive korisniku, ali će ih pretraživač prepoznati. Takve informacije su jednostavno neophodne za ispravno indeksiranje stranica web stranice od strane robota za pretraživanje (o njima ćemo govoriti kada dođe pravi trenutak na treningu). Nema završnu oznaku.

Ima sljedeće atribute:

NAME— specificira naziv metapodataka. Postoji veliki broj unapred definisanih imena.

HTTP-EQUIV— specificira naziv metapodataka. Gotovo je identičan parametru NAME, ali s jednom razlikom: koristi se samo kada postoji potreba za prijenosom dodatnih informacija na http header.

SADRŽAJ— dodjeljuje vrijednost metapodacima definiranim u parametru NAME (ili HTTP-EQUIV).

A sada - primjer.

...

Meta tagovi u html-u su grupa posebnih oznaka koje se nalaze između oznaka i. Iz naziva je odmah jasno da se nalaze na početku koda.

Oznake naslova služe dvije važne svrhe:

• Prijavite informacije o html stranici pretraživaču;
• Pružiti informacije pretraživačima o određenoj html stranici;

Posebnost oznaka zaglavlja je u tome što nisu vizualno vidljive korisniku (izuzetak je oznaka koja može biti vidljiva na kartici stranice pretraživača). Sve oznake zaglavlja su opcione, ali to ne znači da nisu potrebne.

Ove oznake se mogu podijeliti u 4 grupe.

• Tag
• Oznake
• Oznake
• Tag

Pogledajmo svaku grupu posebno.

1. Tag

- naslov stranice. Ovo je jedina oznaka glave koja je vidljiva korisnicima. To je od velike važnosti za pretraživače u smislu SEO-a. Upravo se ovaj naslov stranice prikazuje u rezultatima pretrage kada se specificiraju naslovi stranica.

...Naslov stranice...

Početniku nije lako pravilno sastaviti, jer morate uzeti u obzir nekoliko nijansi. Idealna naslovna oznaka treba da bude privlačna korisnicima i da sadrži ključne fraze za pretraživače. Ovu oznaku ne biste trebali činiti dugo, jer pretraživači to mogu shvatiti kao neželjenu poštu. Ova oznaka mora biti jedinstvena za svaku stranicu!

2. Oznake

- ovo je grupa servisnih oznaka koje sadrže informacije o stranici. Razmotrimo svaki od njih posebno.

2.1. Meta Content-Type

Sintaksa za ovaj atribut je sljedeća:

... ...

Ova oznaka specificira kodiranje stranice. Konkretna vrijednost je zapisana kroz atribut skupa znakova. U ovom slučaju, kodiranje je windows-1251. Najčešće web stranice koriste UTF-8 kodiranje.

Ako se kodiranje stranice i određene html stranice (ili u bazi podataka) ne podudaraju, web lokacija može biti prikazana kroz hijeroglife u nekim pretraživačima.

2.2. Meta opis......

Atribut content sadrži opis stranice. Najčešće se ovaj opis koristi kao isječak za pretraživač. Opis nije obavezna oznaka. Na primjer, Yandex pretraživač određuje isječak po svom nahođenju, ali Google koristi ovaj opis i prikazuje ga onako kako je napisan.

2.3. Meta ključne riječi ... ...

Ova oznaka izaziva mnogo debata o tome da li je uopšte potrebna. Pretraživači ne tvrde da ove ključne riječi imaju bilo kakvu ulogu u rangiranju stranice.

Atribut content navodi ključne riječi. Malo je vjerovatno da će to radikalno utjecati na promociju stranice, ali u slučaju nekih kontroverznih pitanja može uticati u vašu korist. Ključne riječi moraju biti napisane odvojene zarezima. Nemojte pisati ključne riječi koje nisu na stranici. Možete pročitati više o ključnim riječima.

2.4. Meta osveženje......

Postoji mnogo drugih meta tagova, ali oni nisu važni ni za pretraživače ni za pretraživače, tako da ih nema smisla koristiti.

2.5. Meta viewport ... ... 3.3. Link rel=Alternativni ... ... 4. Oznaka ‹script›

- povezivanje java datoteka sa skriptama.

... ...

Atribut src specificira lokaciju uključenih java datoteka. Koristi se za smanjenje koda na stranici, kao i u slučaju da je potrebno koristiti neke Java funkcije prilikom otvaranja stranice. Takođe ubrzava učitavanje stranice, jer... Pretraživači obično keširaju skripte.

Poštovani čitaoče, pogledali smo head tagove html dokumenta. Sada imate bolje razumijevanje optimizacije web stranice i pisanja kompetentnog koda.

Zdravo, dragi čitaoci bloga! Nastavljamo odjeljak “Kreiranje web stranice od nule”, a posebno temu oznaka... A danas ćemo pogledati oznake koje su prisutne na bilo kojoj internet stranici - , i . Postoji još jedan tag koji mora biti u svakom HTML dokumentu i o kojem sam već pisao u jednom od prethodnih članaka - tako da ga nećemo dirati.

U prethodnim člancima u ovom odeljku pisao sam o kreiranju prazne datoteke u html formatu. Zapravo, korišten je u članku o (tamo su primijenjene oznake naslova). Sada ćemo direktno urediti ovu datoteku s punim opisima.

A članak ćemo započeti uređivanjem kreirane datoteke. Lično sam ga nazvao index.html, ali ime može biti bilo koje. Otvorite ga bilo kojim uređivačem teksta (bolje je koristiti Notepad++, jer ima isticanje koda i druge korisne gadgete). I odmah ćemo mu dodati oznake, i to tačno onim redom kojim su napisane. Ne zaboravite da ih zatvorite, kao što je prikazano na snimku ekrana. Dokument će izgledati ovako:

Pogledajmo sada značenje svake oznake posebno. Nije uzalud što se nalaze u svakom HTML dokumentu.

Funkcije oznake Dakle, oznaka je kontejner (). Sadrži sav vidljivi i nevidljivi sadržaj web stranice (uključujući oznake i ). Početna oznaka dolazi odmah nakon deklaracije Doctype, a završna na kraju dokumenta. Na taj način pretraživaču jasno daje do znanja gdje da započne obradu dokumenta i gdje da ga završi.

Teoretski, on sam može razumjeti šta i kako. Nakon svega ? Ovo je HTML prevodilac i malo je vjerovatno da će započeti obradu od sredine dokumenta i završiti je prije nego što dođe do kraja. Pitanje je, naravno, kontroverzno, ali uvijek sam mislio (i sada ne odustajem od svog mišljenja) da je pisanje ove oznake obavezno.

Čak i uzimajući u obzir činjenicu da je funkcija ove oznake samo označavanje granica sadržaja, ona ima svoje atribute (koji se sada ili uopće ne koriste ili se koriste izuzetno rijetko). Različiti izvori ukazuju na različite atribute, tako da se ne usuđujem iznijeti ispravnu verziju.

Jedino što sa sigurnošću mogu reći je da većina atributa nije podržana od HTML 4.01 ili su nepoželjna. Iako ću ipak dati jedan primjer. — opis alata bilo gdje u dokumentu. Na primjer, kada zadržite pokazivač miša preko slike, možete vidjeti iskačući tekst. Također u slučaju ove oznake:

Evo šta ćete vidjeti kada pređete mišem preko dokumenta s ovim sadržajem:

Poželjno je koristiti atribut title ne u oznaci, već u bilo kojem drugom specifičnom dijelu stranice. Prvo, to je zgodno, a drugo, pretraživači će bolje tretirati vašu stranicu. Ova oznaka ne utiče direktno na optimizaciju resursa. Idemo dalje.

Funkcija oznake I sljedeća u redu je oznaka. Sadrži sve tehničke informacije o stranici, koje služe kao pomoć pretraživaču i pretraživačima. Oznaka je kontejner i dolazi odmah nakon, samo za razliku od potonje, završna oznaka ne dolazi na kraju dokumenta, već prije početne oznake.

Koje informacije se mogu vidjeti u? Ali nijedan. Sve što se nalazi unutar ove oznake dostupno je ljudskom oku samo gledanjem izvornog koda stranice. Sav sadržaj u ovoj oznaci namijenjen je pretraživačima i pretraživačima. Jedina stvar koju nekako možete vidjeti je tag, koji je odgovoran za naslov prozora web stranice. Evo primjera:

Tekst iza ikone je sadržaj oznake. Pogledajmo sada sadržaj koji ne možemo vidjeti, ali koji je vrlo važan dio kreiranja i promocije stranice. Prije svega, ovo je linija

Ovo je meta oznaka odgovorna za tip sadržaja stranice (Content-Type). U ovom slučaju, ovo je html kod u UTF-8 kodiranju (content="text/html; charset=UTF-8"). Slijede gore opisana oznaka naslova. Zatim postoje redovi koji počinju oznakom. Označava vezu do eksternog dokumenta. Na primjer, linija

označava da je povezan (rel="stylesheet") fajl sa (type="text/css") koji se nalazi na toj i toj adresi (da smanjim dužinu reda, pola adrese sam zamenio tačkama) . Nakon što pretraživač obradi ovaj string, on će odrediti odakle će dobiti kaskadne tablice stilova.

Općenito, oznaka head sadrži mnogo informacija o kojima možete pričati beskrajno. Posljednja stvar koju treba napomenuti (posebno u slučaju ) je prisustvo opisnih oznaka, ključnih riječi i kanonskih. Koristim All in One SEO Pack dodatak, zbog čega su prisutni.

Može se vidjeti da se sastoji od tri glavna dijela.

• – korijen svakog HTML dokumenta u kojem se nalaze svi ostali dijelovi (ova oznaka mora biti u jednoj kopiji i mora biti prisutna na svakoj stranici).
• – zaglavlje koje sadrži servisne informacije i uputstva pretraživaču za prikazivanje sadržaja.
• – glavni dio u kojem se nalazi sadržaj, odnosno sve korisne informacije (tekst, slike, video zapisi). Osim sadržaja, ovaj odjeljak sadrži mrežu stranice, odnosno njen izgled - opisane su lokacije glavnih dijelova stranice, kao što su zaglavlje, podnožje, glavni meni, bočne kolone itd.

Oznaka se ne razlikuje, osim što je osnovni element - kontejner za sve ostale blokove. Stoga, pređimo na detaljnije razmatranje odjeljka.

Elementi ovog odjeljka se ne prikazuju direktno na web stranici. Jedina oznaka iz ovog odjeljka koja će prikazati informacije je oznaka. U oznaci, sekciji, ispisuje se naslov web stranice; ovaj tekst će biti prikazan u naslovnoj traci prozora pretraživača.

Naslov će biti prikazan u naslovnoj traci pretraživača

Ova oznaka je jedina potrebna oznaka u odjeljku.

Pored oznake, u ovaj odeljak se mogu postaviti i sledeće oznake: , , , .

Tag

Ova oznaka govori pretraživaču gdje se nalaze određeni vanjski resursi, kao što su vanjski stilovi (CSS). Takođe, koristeći oznaku i navodeći odgovarajući rel atribut, možete odrediti adresu RSS feed-a, favicon za lokaciju i druge eksterne resurse.

Tag

Ovo je generička oznaka koja opisuje podatke. Oznaka pruža metapodatke o HTML dokumentu pretraživaču. Metapodaci se ne prikazuju, već se koriste samo u službene svrhe, bilo od strane pretraživača ili od strane pretraživača. Meta elementi se obično koriste za opisivanje stranice ( opis), navodeći ključne riječi ( ključne riječi), naznaka autora dokumenta ( autor), naznake tipa sadržaja i njegovog kodiranja i druge metapodatke.

Tag

Koristeći ovu oznaku, možete reći pretraživaču gdje treba tražiti eksterne skripte:

ili umetnite skriptu direktno u ovaj odjeljak:

document.write("Zdravo svijete!")

Tag

Ova oznaka se može koristiti za postavljanje stilova potrebnih samo za ovu stranicu, a također, ako nema potrebe za uključivanjem vanjske datoteke stila, pomoću oznake. Možete navesti više od jedne oznake

h1 (boja: crvena) p (boja: plava)

To su sve informacije koje trebate znati o sekciji. Zatim ćemo razmotriti odjeljak koji će sadržavati glavni sadržaj web stranice.