Oznake za otvaranje i zatvaranje razlikuju se simbolom. Šta su HTML oznake i atributi, W3C validator

Sadržaj html dokumenta ili web stranice određen je sadržajem html elemenata.

HTML elementi

HTML element je sve između početne (otvarajuće) i krajnje (završne) oznake.

Sintaksa HTML elementa

• HTML element počinje sa oznaka otvaranja/početka.
• HTML element se završava završna/završna oznaka.
• Element Content Ovo je sve između otvaranja i zatvaranja oznake.
• Neki predmeti mogu biti prazan.
• Prazni elementi se sastoje samo od otvaranje tag.
• Većina html elemenata može imati atributi.

(Više o atributima ćete naučiti u kasnijim poglavljima vodiča.)

Ugniježđeni elementi

Većina html elemenata može biti ugniježđena jedan u drugi. HTML dokument se sastoji od ugniježđenih elemenata.

Primjer

Ovo je moj prvi paragraf.

Gornji primjer se sastoji od tri elementa:

1. Element

koristi se za umetanje pasusa u web stranicu. Ima oznake za otvaranje i zatvaranje. Sadržaj ovog elementa u našem primjeru je natpis „Ovo je moj prvi pasus“.

2. Element opisuje vidljivi dio sadržaj web stranice. Ima oznake za otvaranje i zatvaranje. Sadrži element

Sa svojim sadržajem.

3. Element opisuje sav html dokument. Ima oznake za otvaranje i zatvaranje. Već sadrži dva elementa I

Ne zaboravite završnu oznaku

Većina pretraživača će ispravno prikazati vaš HTML kod čak i ako zaboravite da uključite završnu oznaku. Međutim, to može dovesti do grešaka i nepredvidivih rezultata.

Pažnja! Buduće verzije HTML-a će vas spriječiti da zaboravite završne oznake.

Prazni HTML elementi

HTML elementi bez sadržaja nazivaju se prazni elementi. Prazni elementi se sastoje od jedne oznake.

Ovo je prazan element koji nema oznaku za zatvaranje (koristi se za prikaz horizontalne trake).

U XHTML, XML i budućim verzijama HTML-a, svi elementi moraju biti privatni. Da biste to učinili, trebate samo dodati kosu crtu odvojenu razmakom iza naziva oznake
. Ovo je dobra navika koja će vam dobro doći u budućnosti.

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 ovog odjeljka pisao sam o stvaranju prazan fajl 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 mu dodajte oznake , I tačno onim redom kojim su napisani. Ne zaboravite da ih zatvorite, kao što je prikazano na snimku ekrana. Dokument će izgledati ovako:

Pogledajmo sada značenje svake oznake posebno. Nisu uzalud u svakome HTML dokument.

Funkcije oznaka

Dakle, oznaka je kontejner(). Sadrži sav vidljivi i nevidljivi sadržaj web stranice (uključujući oznake I ). Oznaka za otvaranje dolazi odmah nakon deklaracije Doctype i zatvaranja pojavljuje se 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 s obzirom da je funkcija ove oznake samo označavanje granica sadržaja, ima svoje atribute (koji se sada ili ne koriste uopće ili se koriste izuzetno rijetko). IN različitih izvora naznačeni su atributi koji se međusobno razlikuju, 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 naslova nije u oznaci , i u bilo kojoj drugoj specifičnoj oblasti 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.

Tag funkcija

I sljedeći na redu je tag . Sadrži sve Tehničke informacije o stranici koja služi kao pomoć pretraživaču i pretraživačima. Oznaka je oznaka kontejnera i dolazi odmah nakon toga , samo za razliku od zadnjeg, završne oznake se ne pojavljuje na kraju dokumenta, već prije početne oznake .

Koje informacije možete vidjeti u ? Ali nijedan. Sve što se nalazi unutar ove oznake dostupno je ljudskom oku samo gledanjem izvornog koda stranice. Sav sadržaj ove oznake je namijenjen tražilice i pretraživači. Jedina stvar koju nekako možete vidjeti je oznaka