Pozdrav, dragi čitaoci blog stranice. Zapravo, ovaj izraz ima nekoliko značenja koja se međusobno ne uklapaju. Pokušat ću obraditi svaki od njih u ovom postu.

Naučićeš, šta su html oznake i kako se razlikuju od meta tagova, a takođe naučite kako se oznake koriste kao oznake na sajtovima (njihova raznolikost je ), i, konačno, u opštem smislu, razmotrite muzičke oznake u audio datotekama. Utoliko je ovaj termin svestran.

Ali u svim slučajevima riječ "tagovi" znači označavanje bilo web stranicu koja koristi Html kod, ili cijela web lokacija koja koristi oznake, ili vaša muzička kolekcija navođenjem albuma i pjesme.

Šta su oznake stranice (oznake za kreiranje navigacije)

Počnimo jednostavno. Vjerovatno ste svi vidjeli da se ispod nekih članaka na stranicama nalazi polje sa oznakama ili oznakama, gdje su navedene neke riječi. čemu služi? Općenito, za olakšavanje navigacije na ovoj stranici ().

Korištene oznake su tzv ključne riječi, čiji skup ukratko karakterizira publikaciju (na primjer, za glavnu stranicu mog bloga, sljedeći skup oznaka bi bio prikladan: kreiranje stranice; promocija; promocija stranice; zarada).

Uz pomoć ovih riječi, moći će se nedvosmisleno utvrditi o čemu se radi u ovom članku. Ali njihova glavna vrijednost nije u tome, već u činjenici da posjetitelj može kliknuti na bilo koju oznaku i vidjeti listu svih članaka na stranici na kojoj se susreo. U stvari, to je moćan alat za klasifikaciju informacija.

Kako ne bi tražili potrebne oznake ispod članaka, vlasnici web stranica vrlo često kreiraju tzv Tag Cloud, koji se može postaviti u lijevu ili desnu kolonu stranice ili u njeno podnožje (dole). U praksi ova sramota može izgledati ovako:

Obično navodi najpopularnije oznake, a sve oznake možete vidjeti klikom na odgovarajući link. Ponekad se češće korišćene oznake (pojavljuju se u više članaka na ovoj stranici) prikazuju većim fontom, a rjeđe manjim fontom.

Ponekad se kreira posebna stranica za njihovo prikazivanje, kao što je prikazano na prethodnom snimku ekrana.

Zašto je ovo markiranje sa oznakama ne koristi se na svim web stranicama ako je to zgodno za korisnike? Nema ih ni na mom blogu, za šta postoji niz objašnjenja. Iako je njihova upotreba standardno predviđena, postoji i mnogo dodataka za rad sa oznakama.

Da, oznake rade odlično kada imate nekoliko članaka i dobro zapamtite sve oznake koje ste već kreirali i koristili u drugim člancima. Ali s povećanjem broja materijala, broj oznaka se naglo povećava, počinju se djelomično duplicirati kada se koriste ključne riječi koje su bliske po značenju.

Nastaje ogroman nered, čija je vrijednost u smislu poboljšanja navigacije, po mom mišljenju, prilično sumnjiva. U tu svrhu, na velikom web projektu, bolje je koristiti pretragu stranice. Iako oznake dobro funkcioniraju na društvenim mrežama, gdje možete koristiti oznake za kombiniranje informacija od različitih korisnika i pregledavanje na jednom mjestu. .

Šta su HTML oznake?

Prvi put sam odlučio da ih proučim prije petnaest godina, ali tada nisam napredovao dalje od oznake Title. Onda sam naišao na besplatni video kurs Evgenija Popova o Html-u i stvari su krenule dobro. Naravno, taj kurs je bio samo početna faza, ali upravo tako jednostavna prezentacija često nedostaje početnicima.

Ove lekcije pokrivaju osnovne oznake, pomoću kojih možete lako kreirati tabele, umetati slike i hiperveze u tekst, dodati različite forme sajtu i još mnogo toga. Ukupno 33 besplatna HTML videa.

Ali video kurs je video kurs, ali ja bih vas zainteresovao da ga preuzmete i pogledate. Iz uobičajenih fraza nije jasno koje su oznake u HTML jeziku i zašto ih trebate proučavati. Oh, ovo je sjajna i jednostavna stvar koja će vam omogućiti da postanete gospodar svoje stranice. Zašto vam je potrebna web stranica?

Pa, vjerojatno, prije svega, za samoizražavanje i trud, a drugo -. Samo tiše, inače će svi čuti i trčati da proučavaju šta su tagovi, pravite web stranice i zaradite sve što samo vi možete zaraditi, pa ja sam za firmu. Stoga ću nastaviti da govorim samo šapatom.

Internet se može porediti sa televizijom, gde pravite sopstveni mali program (napravite sajt na tagovima) i primate prihod od oglašavanja. Što je vaš program (internet projekat) popularniji, to više zarađujete. Ne postoji gornja granica, iako ne postoji ni donja granica. Ali ne morate ulagati novac, samo svoj rad i vrijeme utrošeno na proučavanje oznaka, rad motora i, zapravo, punjenje stranice sadržajem.

Dakle, oznake su najjednostavniji elementi označavanja web stranice, tako da pretraživač, prilikom učitavanja sa servera, razumije kako točno prikazati ovaj ili onaj element (tekst, sliku, video). Ranije je za sve bio odgovoran samo HTML jezik, ali onda su mu priskočili u pomoć i postalo mu je mnogo lakše. Prema njihovim riječima, Popov ima i besplatan video kurs, koji možete preuzmite odavde .

Ljudi, kada savladate Html tagove, shvatit ćete da je to bilo lako kao ljuštenje krušaka. Najvažnije je započeti i nekako se stimulisati. Ne govorim samo o finansijskoj strani stvari. Stranica može postati vaš glavni izvor prihoda i cijela porodica se može hraniti od njega. Potrebna vam je sreća, upornost i ne plašite se upoznavanja sa novim.

Oznake su različite, ali ih nema mnogo (onih koji su ostali relevantni nakon implementacije CSS-a). Vidite kako jednostavno. Recimo da želite da napravite pasus - samo okružite tekst budućeg pasusa sa oznakama za otvaranje i zatvaranje P (ovo je latinično slovo i bolje ga je pisati u kodu malim slovima, ali ovde sam ga napravio velikim slovom radi jasnoće ). Ovako će to izgledati:

tekst teksta...... tekst teksta

Razumijete li razliku između početne Html oznake (na početku) i završne oznake (na kraju)? Pa, naravno, samo je dodana kosa crta iza trouglaste zagrade.

Oh, zaboravio sam da kazem kako pretraživač razdvaja oznake(oznake) iz glavnog sadržaja. Da li ste pogodili?

Tako je, ovo trouglaste zagrade u koji ih zatvaramo. Pregledač je vidio takvu zagradu kada je analizirao kod web stranice i shvatio da je ovo oznaka, te obrađuje sve što se u njoj nalazi prema određenom algoritmu (pravi pasuse razmaknutim po visini, povećava font za naslove, itd.).

Ako trebate koristiti početnu trouglastu zagradu u tekstu, obavezno to učinite tako da vas pretraživač ispravno razumije. Ovo se mora zapamtiti.

U kodu bi mogli izgledati ovako:

U stvari, oni sadrže opis i ključne riječi web stranice za koju su registrirani. Više o njima pročitajte u gornjem članku.

Meta tagovi su upisani u kodu web stranice na strogo određenom mjestu. Znate li koji? Tako je, u takozvanoj "glavi" dokumenta, koja se sastoji od otvaranja i zatvaranja HEAD oznake.

Sve što je napisano unutar njih (uključujući META tagove) neće biti prikazano na web stranici. Ovo je striktno vlasnička informacija. Gornji opis i ključne riječi govore pretraživačima o sadržaju ove web stranice, a meta tag ispod.

Šta su muzičke oznake u audio datotekama?

Kada ste puštali muziku u autu ili na plejeru (telefonu), verovatno ste više puta primetili da se umesto naziva numere i imena izvođača prikazuje neka užasna glupost. Moglo bi se pretpostaviti da se radi o nazivima preuzetih muzičkih fajlova snimljenih u pogrešnom kodiranju ruskog jezika.

Ako preimenujete datoteke sa , i dalje ćete vidjeti neugodnu sliku na vašem plejeru. šta da radim? I ko je kriv za ovu situaciju? Čudno, ali uzrok je pogrešan propisane oznake u ovom muzičkom fajlu.

Ušivene su direktno u audio fajl (na početku ili na kraju) i mogu sadržati informacije o kompoziciji, njenom autoru, albumu, trajanju numere i još nečemu što nije toliko bitno. U najnovijim inkarnacijama muzičkih oznaka, čak i slike omota diskova mogu se ušiti u njih (obično kuga).

Ali problem nastaje, po pravilu, ne u njihovoj dostupnosti, već u dobijanju mogućnost njihovog uređivanja. U životu svakog ljubitelja muzike koji poštuje sebe, dođe trenutak kada je „spreman da kida i baca“, samo da dovede stvari u red u svojoj kolekciji i propiše ispravne i čitljive oznake za sve numere na bilo kom uređaju. Kako uraditi?

Uz pomoć posebnog softvera. Same oznake su se prvi put pojavile u audio datotekama krajem prošlog stoljeća. Za MP3 fajlove standard za njihovo dodavanje se zvao ID3, a za muzičke fajlove koji se komprimuju bez gubitka kvaliteta (kao što su FLAC i slično), standard za dodavanje tagova (meta-podataka) se zvao Vorbis comment.

Za muziku snimljenu u Windows WMA formatu postoje WM metapodaci, a za Apple MP4, iTunes metapodaci (usput rečeno, nedavno sam pisao o tome).

Dakle, možete uređivati ​​oznake pomoću posebnih programa. Najpopularniji od njih je vjerovatno Mp3tag(zvanična stranica, ali budite oprezni pri preuzimanju - nemojte slučajno kliknuti na oglas koji nudi preuzimanje nečeg sasvim drugog). Mislim da ćete sve ostale programe pronaći sami, pogotovo jer će ovaj biti sasvim dovoljan za ovaj zadatak.

To su tagovi koji su se pokazali toliko raznoliki, da su u svim ovim slučajevima obavljali svoju glavnu ulogu – označavanje (članaka na sajtu, sadržaja na web stranici ili metapodataka u muzičkim fajlovima). Nadam se da sada imate manje pitanja na ovu temu.

Sretno ti! Vidimo se uskoro na stranicama bloga

Više videa možete pogledati ako odete na

Možda ste zainteresovani

Oznake za Instagram - zašto su potrebne i gdje vidjeti najpopularnije od njih
Haštagovi - šta su to i kako se heštegovi koriste na Twitteru, Instagramu i drugim mestima Kako automatski dodati Alt atribut na Img oznake vašeg WordPress bloga (gdje ih nema)
Link - šta je to i kako ga kreirati
Radikal - besplatni hosting fotografija s brzim i jednostavnim učitavanjem fotografija putem Radikal.ru

Svi koji čitaju ovu lekciju vjerovatno znaju šta je HTML. Ali pregled osnova pomaže u povećanju znanja i usavršavanju vaših vještina, posebno u web okruženju koje se stalno razvija.

Ovih dana se mnogo govori o promjenama koje je donio HTML 5. Svaka oznaka koja se spominje u ovom članku podržana je i u HTML 4.01 i u HTML 5. Iako su neke od ovih oznaka u širokoj upotrebi, bit će od velike pomoći pregledati uključene metode.

1.

Svaka knjiga o programiranju sadrži spominjanje da je vrlo korisno objasniti šta vaš kod radi. Zašto je komentiranje dobra praksa? Ovo pomaže mnogim ljudima koji čitaju vaš kod da shvate suštinu onoga što se dešava.

Za HTML, komentarisanje može izgledati kao tačka koja dodaje težinu stranici. Međutim, komentari mogu biti korisni za definiranje odjeljaka i za održavanje strukture i organizacije koda stranice. Označavanje početka i kraja različitih sekcija može zaista pomoći pri radu na projektu.

• Stavka menija 1
• Stavka menija 2

Ovo je glavni sadržaj.

2. Stilovi tabele: , , And

Da biste napravili dobar dizajn stola, morate koristiti oznake navedene u podnaslovu. Svi oni utiču na redove tabele i mogu se lako stilizovati.

Umotajte redove tabele . Tako se formira naslov tabele.

Umotavanje linija formirati poslednje redove na dnu tabele. Strings mora biti definiran prije linija , tako da se ukupni redovi prikazuju prije ostalih redova tabele.

Umotavamo linije podataka .

3.

Padajuća lista je odličan način za predstavljanje podataka koje korisnik može izabrati. Ne samo da zauzimaju malo prostora, već su poznati korisnicima i jednostavni za korištenje. čudesno vlasništvo je mogućnost kreiranja kategorija (ili podnaslova) za stavke liste.

Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears

Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears

4. Zaglavlja -

,

,

,

,

, And

Naravno, svi koriste zaglavlja. Ali da budem iskren, kada ste zadnji put koristili

ili naslov nižeg nivoa? Naslovi vam omogućavaju da napravite manje semantičkih konstrukcija, kao što su dodatni stilovi za tekst

.

Ne morate sebi stvarati dodatni posao. Zapamtite oznake naslova.

5.

I

Svi vole web stranice koje olakšavaju pronalaženje potrebnih informacija među logično grupiranim stavkama.

grupe zajedno formiraju elemente crtanjem pravougaonog okvira oko njih. Također je moguće dodati naslov takvom dijelu sa

.

Opće informacije:

ime: Email: Datum rođenja:

6.

Tag ni na koji način ne utiče na stil. To utiče na funkcionalnost stranice.

koristi se za određivanje oznake ulaznog elementa. Sama oznaka percipira klikove miša, čineći odgovarajuće polje za unos aktivnim. Ovo svojstvo oznake vrijedi za tekstualna polja i radio dugmad.

ime: čovjek: žensko:

7.

Ako nekom izrazu trebate dati dramatičan učinak, možete ga koristiti

. Po defaultu, prazan niz će biti umetnut prije i poslije elementa. Uvlačenje će također biti dodato kako bi se tekst sadržan u elementu odvojio od ostatka sadržaja.

Primjer upotrebe oznake

Primjer upotrebe oznake

8.

To se ne može reći odnosi se na

ali se obično koriste zajedno.

Zapamti oznaku kada treba nekoga citirati.

Primjer upotrebe oznake

zajedno sa oznakom . Ova ponuda je označena .

Primjer korištenja oznake blockquote u kombinaciji s oznakom cite. Ova ponuda je označena .

9.

Liste pružaju odličan način za organiziranje informacija. Svi znaju za

ali koliko često koristite
I

? Možda naziv "lista definicija" može zbuniti početnika programera i navesti ga da pomisli da se takva lista može koristiti samo za umetanje definicija i uslova. Međutim, ovaj stav nije tačan.

Liste tipova

1. Neuređena lista (ul)
2. Naručena lista (star)
3. Lista definicija (dl)

Šta oni rade

• Neuređena lista (ul): tačkasta lista
• Naručena lista (star): numerisana lista
• Lista definicija (dl): Lista sa definicijama stavki

Razlozi za korištenje lista

• Dosljedan stil sadržaja
• Samo kreiraj
• Universal

Način na koji svaki tip liste prikazuje informacije razlikuje se od drugog. Verovatno ne morate da stanete

I
, ali struktura liste definicija zahtijeva dalje pojašnjenje.

Stavka liste #1

Definicija za stavku liste #1

Stavka liste #2

Definicija za stavku liste #2

Umjesto definiranja elementa liste (

1. ), koristimo dvije oznake:
   I
   .
   definira svaku stavku liste, i
   opisuje gornju tačku. Ispod je lista prema prethodno prikazanom kodu liste definicija.

   Stavka liste #1 Definicija za stavku liste #1 Stavka liste #2 Definicija za stavku liste #2

   10. "(i drugi ASCII znakovi)

   Kada koristite HTML, morate koristiti ASCII kodove kada želite da umetnete znak. Takvo pravilo zahtijeva dodatni rad, ali osigurava da su svi znakovi ispravno prikazani na ekranu korisnika, a pretraživač ih ne percipira kao dio oznake. Da li ste ikada naišli na neki tekst koji se ne prikazuje ispravno? Tipično, problematični tekst se kreira pomoću navodnika, apostrofa, znakova veće-manje itd. Zapravo nema mnogo takvih znakova i vrijedi zapamtiti njihove ASCII kodove.

   U životu svakog copywritera dolazi faza upoznavanja sa html tagovima. Obično se to dešava spontano i liči na zahtjev kupca da se "pripremi tekst za objavljivanje". To znači da u članku trebate istaknuti naslove, pasuse, značajna mjesta i liste, ali ne sa Word mogućnostima, već posebnim html kodom jezika. Pomozite sa ovim oznake za copywritera. Lista koja je potrebna za rad je obično mala, ali je dovoljna za formatiranje teksta sa standardnim zahtjevima. Šta je uključeno u potrebne html oznake za copywritera? (Ako ste previše lijeni za čitanje, pomaknite se prema dolje - postoji jednostavna i razumljiva tematska infografika o html tagovima!)
   
   

   Pitanja koja postavlja copywriter su tradicionalna. I svi počinju sa formulacijom "koja oznaka je data...":

   • naslov;
   • stav;
   • thumbnail;
   • kurziv;
   • lista označena/neoznačena/

   Sve to daje TK pikantnost i potiče razvoj novih znanja. Situacija se pogoršava kada je zadatak koristiti podebljani tekstualni tag za povećanje atraktivnosti ključa u PS-u. Ali sve se to rješava vrlo jednostavno, čime ćemo se sada pozabaviti.

   Oznake za kreiranje zaglavlja

   Oznake naslova su predstavljene elementima h1-h6. Dobili su svoje pismo iz engleskog zaglavlja (header). Da biste postavili potrebnu vrstu zaglavlja i naglasili njegov značaj za PS, koristite sljedeći kod:

   Naslov h1

   naslov h2

   naslov h3

   naslov h4

   naslov h5

   naslov h6

   Na sajtu će to izgledati ovako.

   Naslov h1

   naslov h2

   naslov h3

   naslov h4

   naslov h5

   naslov h6

   Naslov h1 ima najveći značaj – i vidljivost –. Koristi se kao naslov posta i koristi se jednom. Za podnaslove u tekstu preporučuju se h2 i h3. Oni pomažu da se naglasi važnost materijala koji se razmatra i podijeli članak na informativne razine.

   Naslovi h4-h6 se praktički ne koriste, ali su traženi za isticanje logičkih blokova i važnih fragmenata.

   Za velike artikle najbolje je koristiti naslove h1-h3, za male h1 i h2.

   Liste: označene i neoznačene

   Dobar strukturirani tekst uvijek ima jednu ili više lista. Po izgledu liste su:

   1. označeni - imaju numeraciju;
   2. neoznačeno - elementi su označeni simbolima.

   Ali sav Word dizajn nije prikladan za objavljivanje na web stranici, tako da biste trebali naučiti kako pravilno formatirati liste u HTML oznakama.
   Lista sa oznakama izgleda ovako:

   Označi neoznačenu listu dakle:

   Osim toga, svaki element liste ima svoj vlastiti html okvir:

   Ispostavilo se da ćete morati kombinirati obje vrste korištenih elemenata da biste istaknuli listu s nabrajanjem u tekstu pomoću html koda. To će izgledati ovako:

   1. Stavka liste
   2. Stavka liste
   3. Stavka liste
   4. Stavka liste

   Za neoznačenu listu, slično:

   • Stavka liste
   • Stavka liste
   • Stavka liste
   • Stavka liste

   Sredili smo liste. Možete ići dalje.

   Oznake akcenta teksta: podebljano i kurziv

   Razumijevajući koja oznaka vam omogućava da pravilno formatirate tekst, gotovo odmah nailazite na dvije opcije koda za svaki slučaj. To izaziva zbunjenost među ne-programerima i pitanje: kakva je oznaka potrebna kupcu.

   Sve je vrlo jednostavno! Oznake nude opcije za fizičko i logičko formatiranje. Prvi su potrebni korisnicima, a drugi pretraživačima. „Pretraživači“, videći sebi prikladan html kod, uzimaju u obzir odabrano područje i koriste informacije primljene prilikom rangiranja, tako da isticanje teksta pomoću logičkog oblikovanja neće biti greška.

   Upotreba html tagova omogućava da se ugodi pretraživačima i vizuelno istakne tekst za korisnika. Odlučite šta je važnije:

   Isticanje fraze podebljanim za PS i korisnike Podebljavanje fraze za korisnike Kurziv za PS i korisnike Istaknite frazu za korisnike u kurzivu

   Imam veliki i vrlo kontroverzan članak na temu podebljanih oznaka, koji se zove .

   Ako se netko od programera iznenada zagleda u temu, onda žurim još jednom napomenuti da je recenzija za copywritere: kako staviti oznake, šta su i što je važno uzeti u obzir pri odabiru. I na kraju, potreban je još jedan popularan html kod za isticanje pasusa. Ovo

   Početni tag se stavlja ispred početka pasusa, a završni na kraju. Ako se pasus završava listom, onda
   se postavlja iza svih oznaka koje se koriste za listu.

   Pa, nekoliko jednostavnih tematskih infografika na kraju:

   Kada je u komentarima počela rasprava o ovoj temi, u Klubu uspješnih copywritera dobili su zanimljivu povratnu informaciju na infografiku i članak. Evo snimka ekrana mišljenja jednog autoritativnog učesnika u diskusiji.

   

   Pročitano: 3 365

   Dobar dan, prijatelji! Danas imamo još jedan članak posvećen jednoj od kategorija moje web stranice "HTML vodič za početnike". Vjerovatno je trebalo početi popunjavati ovu kategoriju pisanjem članka, šta je HTML, ili od ovog posta, koji će detaljno objasniti šta su html tagovi. Ali dogodilo se da sam u njemu već objavio nekoliko korisnih materijala, na primjer, o tome kako napraviti liniju pomoću HTML-a ili kako napraviti okvir. Pa dobro, nadam se da vas moj previd nije natjerao da informacije tražite među drugim izvorima.

   Da bismo se pozabavili oznakama, prvo se prisjetimo šta je HTML? Dakle HTML je engleska skraćenica koja znači - jezik za označavanje hiperteksta. To je standardni jezik koji tumače svi moderni pretraživači i odgovoran je za strukturu i sadržaj stranice. Uz pomoć HTML-a možete odrediti kako će izgledati tekst, slika ili animacija prikazana na web stranici, kao i postaviti njegovu lokaciju, veličinu itd. Predstavljeni jezik za označavanje uključuje html tagove, koji su njegova osnova.

   oznake– specifična imenovana oznaka koja se sastoji od latiničnih znakova zatvorenih u ugaonim zagradama (npr ). Oznaka je glavni element HTML dokumenta. Moraju se popunjavati malim slovima, odnosno umjesto < TITLE> treba biti < naslov> .

   Vrste html tagova

   Postoje dvije vrste oznaka − single I upareno(kontejneri). Potonji su češći. Sve što je uključeno između otvaranja<>a oznaka za zatvaranje naziva se sadržajem kontejnera. Kao što vidite, unutar završne oznake morate svakako staviti kosu crtu, tj. kosa crta "/" odmah iza prve ugaone zagrade. Radnja oznaka se proteže na informacije koje su zatvorene između njih.

   Pojedinačne oznake (etikete) kao što možete pretpostaviti, sastoje se od jednog html elementa - početne oznake (npr ).

   Bez obzira na vrstu svaka oznaka je od sljedećih elemenata:

   Ugaona zagrada za otvaranje ( < ).

   Naziv oznake ( str, tijelo, br).

   zatvorena ugaona zagrada ( > ).

   Za proširenje mogućnosti korištene oznake koriste se različiti atributi i vrijednosti atributa, odvojeni razmakom. Zauzvrat, atributi se mogu uvjetno podijeliti na obavezne i neobavezne.

   Osnovne html oznake

   Standardizirani jezik za označavanje hiperteksta uključuje mnogo korištenih HTML oznaka. Fokusirajmo se na najvažnije od njih.

   Osnovni par html tagova

   - < html> - govori pretraživaču da se ispred njega nalazi HTML dokument.

   - < glava> - sadrži opis web stranice i svojevrsni je kontejner za sve elemente zaglavlja html dokumenta, čija je svrha da pomogne pretraživačima i pretraživačima u radu s podacima.

   - < tijelo> - definira vidljivi dio dokumenta.

   -