Među oznakama koje utječu na stil fonta, razlikovati oznake fizičkog i logičkog formatiranja... U većini slučajeva, korištenje sličnih oznaka fizičkog i logičkog oblikovanja imat će isti učinak. Razlika između njih je u tome što oznake fizičkog oblikovanja direktno ukazuju koja svojstva fonta treba promijeniti (na primjer, podebljati), dok logičke oznake za formatiranje pokazuju o kakvoj se vrsti teksta radi (na primjer, važan).

Određivanje intonacije teksta (to je ono što rade oznake logičkog oblikovanja), umjesto eksplicitnog postavljanja njegovih svojstava, omogućava vam da kontrolirate njegov prikaz. Na primjer, mislite da bi važan tekst trebao biti istaknut ne podebljanim, već crvenom bojom. Kada koristite logičke oznake za formatiranje i pretraživač koji podržava ovu funkciju, možete prilagoditi prikaz teksta formatiranog logičkim vrijednostima. Fizički formatirani tekst će uvijek biti prikazan onako kako je autor zamislio. Naravno, ako želite da tekst bude podebljan, koristite fizičko oblikovanje. U suprotnom, preporučuje se korištenje booleovih oznaka za formatiranje.

Razdvajanje oznaka na logičko i fizičko formatiranje prvobitno je trebalo da učini HTML univerzalnim, uključujući da ne zavisi od izlaznog uređaja. Teoretski, ako koristite, na primjer, preglednik govora, onda je tekst formatiran pomoću oznaka i , bit će označeni drugačije. Međutim, pokazalo se da je u popularnim pretraživačima rezultat korištenja ovih oznaka jednak.
Do je ekvivalentan.

Druge oznake Boolean formatiranja: - služi za opisivanje definicija; - služi za isticanje citata; - ; - koristi se za unos sa tastature korisnika; - koristi se za označavanje rezultata koje proizvode programi, za isticanje nekoliko znakova jednorazrednim fontom:; - koristi se za simboličke varijable; - koristi se za skraćenice (CIS, KPSS, WWW); - koristi se za skraćenice (str., eng.) sa atributom TITLE; - citirani tekst pod navodnicima.

Oznake i se koriste kada se trebate podsjetiti da određeni dio teksta treba da bude (ili već) umetnut ili izbrisan. Koriste se kada web stranicu kreira tim dizajnera. Može imati atribute datuma, vremena, citata, naslova. U datetime, možete odrediti datum i vrijeme brisanja/umetanja. Citiranje vodi do URL-a koji sadrži objašnjenje odlomka. Uz naslov, objašnjenja se ubacuju direktno u oznaku.

Nemojte brkati oznaku sa oznakom

Element na nivou bloka koji treba koristiti za označavanje velikih komada koda!


Tag<
kod>
Preporučuje se korištenje ove oznake za isticanje fragmenata programskih kodova u HTML dokumentu.  Tipično, ovaj tekst se prikazuje u monoprostornom fontu.  Treba napomenuti da za razliku od oznake 
Ova oznaka nije oznaka na nivou bloka i može se uključiti u redove običnog teksta.  primjer:
Postavljanje cjelobrojne varijable u C ++: int a = 0;
Oznake<
del> i<
ins>
Korištenje oznake kontejnera preporučuje se da se tekst označi kao izbrisan.  Ovo pretpostavlja da, iz bilo kojeg razloga, programer dokumenta mora ostaviti izbrisani tekst na ekranu pretraživača, ali ga označiti kao izbrisan.  Tipično, pretraživači takav tekst prikazuju kao precrtani.  Ova oznaka ima dva opciona parametra:
cite je URL dokumenta koji objašnjava razlog brisanja teksta. 
datetime - datum uređivanja u GGGG-MM-DDThh: mm: ssTZD formatu.
Ovaj tekst je označen kao izbrisan
Oznaka kontejnera se koristi na sličan način. koji označava tekst kao dodan (umetnut).  Tipično, pretraživači označavaju takav tekst kao podvučen.  Ova oznaka ima iste opcione parametre kao i oznaka :
Ovo je dodani tekst
Tag<
em>
Ova oznaka se koristi za isticanje važnih dijelova teksta.  Preglednici obično prikazuju tekst poput ovog u kurzivu:
Posvećeno fragment teksta
Tag<
kbd>
Oznaka kontejnera služi za isticanje teksta unesenog sa tastature.  Takav tekst se obično prikazuje u monorazmaknom fontu:
Da učitate Yandex pretragu, unesite yandex.ru
Tag<
samp>
Oznaka kontejnera označava tekst kao uzorak i obično se prikazuje u monorazrednom fontu i koristi se za formatiranje teksta koji sadrži rezultate programa, na primjer:
Moj prvi C++ program ispisuje tekst Zdravo svijete!
Tag<
jaka>
Oznaka kontejnera služi za isticanje važnih fragmenata teksta.  Tekst označen ovom oznakom smatra se važnijim od teksta istaknutog oznakom ...  U svom izlazu, pretraživači imaju tendenciju da podebljavaju tekst ovako:
Uzorak teksta označen kao važan
Tag<
var>
Ova oznaka je namijenjena za isticanje programskih varijabli i po pravilu se prikazuje u pretraživačima kurzivom:
Varijabilna a stvari 5
Gledajući gore opisane oznake, primijetit ćete da je učinak nekih oznaka isti i daje isti rezultat u prozoru pretraživača kada se prikaže.  Ovo postavlja pitanje: zašto je potrebna takva raznolikost oznaka ako se međusobno dupliraju kao rezultat svog rada?  Činjenica je da su programeri HTML jezika omogućili kompajlerima HTML dokumenata da ispravno istaknu određene informativne dijelove u očekivanju da će ih buduća generacija pretraživača i pretraživača analizirati i pružiti velike mogućnosti „krajnjim“ korisnicima da percipiraju ispravno formatiran tekst.  Stoga se sada preporučuje korištenje ovih i drugih logičkih oznaka za formatiranje teksta kako bi se poboljšala konkurentnost takvih HTML dokumenata u budućnosti.



Logično formatiranje i jasno strukturiranje su obilježja dobro napisanog dokumenta.  Pružaju veliku fleksibilnost u njegovoj upotrebi.  Postoji čitava grupa elemenata za formatiranje, koji se prema njihovoj namjeni nazivaju booleanovi.
Elementi logičkog oblikovanja navedeni su u nastavku.


 - koristi se za isticanje citata ili naslova knjiga i članaka, a tekst se obično prikazuje kurzivom.
 

- Koristi se za prikaz malog dijela programskog koda u fontu fiksne širine.

 

- koristi se za isticanje važnih fragmenata teksta.  Pretraživači obično prikazuju takav tekst u kurzivu.

 

- element koji prikazuje tekst koji je korisnik unio s tastature u fontu fiksne širine.
 

- koristi se za isticanje više znakova sa fontom fiksne širine.
 

- obično se koristi za isticanje važnih dijelova teksta.  Pretraživači takav tekst prikazuju podebljanim slovima.

 

- koristi se za označavanje imena varijabli, obično se takav tekst prikazuje kurzivom.

Svi navedeni tagovi su kontejneri, odnosno zahtijevaju oznaku za zatvaranje.
Možda ćete primijetiti da neki kontejneri daju isti rezultat.  Postavlja se legitimno pitanje: zašto je to učinjeno?
?
Odgovor je u nazivu ove grupe elemenata.  Oni su dizajnirani da stave logičke naglaske, istaknu logičke dijelove i naglase suštinu iskaza.  Njihova upotreba je vrlo relevantna, jer će, vjerovatno u bliskoj budućnosti, biti moguće, na primjer, tražiti citate u Web - prostor.

Ponekad je potrebno uključiti citat u dokument.  Da biste ga istakli iz glavnog teksta, postoji oznaka

...  Ovaj element je kontejner i može sadržavati bilo koje oznake za formatiranje. 
Moderni pretraživači reaguju na elemente
 

pomicanjem teksta citata udesno. 
Posljednje sredstvo za određivanje izgleda dokumenta, kao što je navedeno, je čitaočev gledalac.  Kreator dokumenta ima ograničenu mogućnost da utiče na ovaj proces kroz dole navedene elemente fizičkog oblikovanja.


 - podebljava tekst.

 

- čini tekst kurzivom.

 

- prikazuje tekst u fontu fiksne širine.

 

- podvučeni element.

 

- precrtani element.

 

- prikazuje tekst u većem fontu.

 

- prikazuje tekst manjim fontom.

 

- Pomiče tekst ispod nivoa linije i prikazuje (ako je moguće) manjim fontom.
 

- Pomiče tekst iznad nivoa linije i prikazuje (ako je moguće) manjim fontom.

Sve stavke fizičkog oblikovanja su kontejneri.  Elementi fizičkog oblikovanja mogu biti ugniježđeni jedan u drugi.  U tom slučaju morate pažljivo pratiti da li je jedan kontejner u potpunosti u drugom kontejneru.
Jedna od važnih karakteristika oličena u
 Html , počevši od verzije 3.2, ima punu kontrolu nad izgledom kreiranog dokumenta.  Ova funkcija nije bila dostupna u prethodnim verzijama jezika.  Možemo reći da je jedini značajan problem bio nedostatak na mašini korisnika bilo kakvih fontova koji se koriste u dokumentu. FONT prvi put se pojavio u Html verzija 3.2 i kontejner je.  Nakon početne oznake obavezno je navesti atribute bez kojih element nema efekta na tekst koji se nalazi u kontejneru.  Element FONT može biti unutar bilo kojeg drugog tekstualnog kontejnera.
služi za označavanje veličine, vrste i boje fonta, standardnog za ovaj dokument.  Ove vrijednosti su obavezne za cijeli dokument, osim ako nisu ponovo dodijeljene pomoću elementa FONT ...  Nakon što se element zatvori Vrijednosti oznake FONT 
su restaurirani.  Vrijednosti atributa BASEFONT može se promijeniti drugom oznakom
bilo gdje u dokumentu.  Tag
nije kontejner i koristi iste atribute kao i element .

U ovom poglavlju ćemo ponovo raditi sa tekstom, a za razliku od materijala predstavljenog u drugom poglavlju: neke stvari ćemo sagledati iz drugog ugla, kao i govoriti o oznakama koje ranije nisu bile uključene u ovaj tutorijal, sa kojim ste također može formatirati tekst na stranicama stranice.
Činjenica je da se sve oznake namijenjene radu s tekstom mogu podijeliti u dvije grupe: "tagovi za fizičko oblikovanje teksta" i "tagovi za logičko oblikovanje teksta"
Sad redom..
Oznake za fizičko oblikovanje teksta.
Ranije smo u ovom vodiču raspravljali o fizičkim oznakama za formatiranje teksta, tako da se neću ponavljati, neću, već ih jednostavno navesti:
 , , , , , , , , , , 
, , 
…

Ovo su sve oznake fizičkog formatiranja teksta.
Zašto su tako nazvani?  Da, sve je jednostavno..jer ovi tagovi mogu fizički uticati na tekst na ovaj ili onaj način..napraviti ga podebljanim,kurzivnim,malim,velikim..itd.Uložavanjem teksta u bilo koji od gornjih tagova dobijamo očekivani rezultat koji je opisan u HTML specifikaciji i prikazuje se skoro isti u različitim pretraživačima.
Za svaki slučaj, pokazaću vam ponovo stari primer:
  

  

  

  

  

 Istraživački članak. 
 
 
 
Ako se razblaži destilovanom vodom H 
 2
 Oko četrdeset posto etil alkohola C 
 2
 N 
 5
 Oh, onda dobijete tečnost na 40 
 O 
široj javnosti poznatiji pod imenom 
- votka. 
 
 
Po prvi put ova proporcija  
 prilagođeno 
 predloženo 
 Dmitrij Ivanovič Mendeljejev. 
 
 
 
 

 Konzumiranje alkohola je štetno za vaše zdravlje. 
 

  

 

Glavna svrha oznaka fizičkog oblikovanja teksta je izvođenje čisto dekorativnih funkcija.
Međutim, ako ste proučavali, vjerovatno ste primijetili da gore navedeni tagovi nisu svi alati za rad s tekstom!  A ako ste pažljivo i pažljivo proučavali priručnik, vjerovatno ste primijetili da neke oznake vrše iste radnje na tekstu.
Na primjer, koja je razlika između oznake 
 from tag 
?  ili koja je razlika između i 
?  jer rezultat je isti tamo i tamo!

Dakle da nije tako..postoje razlike..i prilično su značajne!!..
Logičko označavanje teksta.
Prije nego što pričamo o novim oznakama, reći ću vam šta treba podrazumijevati pod frazom: "logičko označavanje dokumenta".
Pod logičnim označavanjem dokumenta, prije svega, uobičajeno je razumjeti označavanje teksta s oznakama koje imaju za cilj pogodnost pretraživača i drugih programa koji rade s ovim dokumentom, kao i da se tekstu u dokumentu da nešto značenje.  Dakle, programi su u potpunosti zaduženi za to kako vaš dokument izgleda, da li je lijep ili ne, koji stil fonta i teksta se koristi itd.  programi prije svega pokušavaju pronaći logiku na vašoj stranici kako bi je u budućnosti koristili po vlastitom nahođenju, na primjer, za relevantnije rezultate pretraživanja ili za automatsko sastavljanje sadržaja vašeg dokumenta...
Vratimo se ponovo na gornje pitanje: „Koja je razlika između oznake 
 from tag 
? "- činilo bi se u čemu je razlika jer će tekst tamo i tamo biti prikazan kurzivom.. cijela poenta je da oznaka 
- (kurziv) - je fizička oznaka za formatiranje teksta i namijenjena je prvenstveno ljudima, i tag 
(posebno važan tekst) - je logička oznaka za formiranje teksta i namijenjena je mašinama!  I činjenica da je tekst preuzet u tag 
, obično se u pretraživačima prikazuje kurzivom - ovo je samo, recimo, "moda" i pojam pretraživača.

HTML specifikacija ne kaže da bi pretraživači trebali prikazati logičke oznake za formatiranje teksta na određeni način, što je, na primjer, ista oznaka 
 treba biti prikazan kurzivom, a ne drugačije, već samo kaže da se takav tekst treba razlikovati od glavnog i biti istaknut na poseban način u dokumentu.

Dakle, koje su oznake najbolje koristiti?  Pa, pošto smo se već sreli u odsustvu sa oznakama 
 i 
 Pokazat ću vam primjer, komentari će biti ispod..

  

  

  

  

  

  

 

 Kako napraviti web stranicu? 
 

 
Da bi 
 sami napravite web stranicu 
 prvo, morate napisati sljedeće oznake u notepad:
 

  - početak dokumenta

  - početak

  - pokrivalo za glavu

  - početak tela

  - zatvaranje tela

  - kraj dokumenta

  

  

Sada ću objasniti zašto se na stranicama ove stranice, kao u primjeru iznad, u nekim slučajevima koriste oznake 
 i 
 iu drugim slučajevima i 
 .

Stvar je u tome što, kao kreator ove stranice, zaista želim da ljudi ukucaju istu Google frazu: " Kako napraviti web stranicu?" ili " Samostalna izrada sajta"vidjeli smo link u prvim redovima Google rezultata pretrage:" "i pratili ga do glavne stranice mog resursa :). Dakle, nakon što sam označio dijelove teksta koji su mi potrebni uz pomoć oznaka 
 i 
, time jasno stavljam do znanja Guglu da je ovaj tekst važan i da mu treba posvetiti posebnu pažnju!  - naravno, to nije garancija uspjeha, pogotovo za ovako popularne (visokofrekventne) korisničke upite, ali pod svim ostalim stvarima, ovo je veliki plus u očima pretraživača.

I suprotan slucaj..
Kao osoba koja se trudi da stranicu učini lakim za čitanje i percepciju od strane drugih ljudi, neke dijelove teksta ističem kurzivom (humor, bilješke i ostalo) i podebljanim (proučavane oznake u primjerima), ali ne želim tražilice da obratite veliku pažnju na fraze kao što su: "head start" "body closer" - budući da je stranica napisana za početnike web zanatlije, a ne za početnike patologe, pa takav tekst označavam oznakama i 
- daju željeni rezultat, zapravo podebljani i kurziv, ali nisu "crvena krpa" za programe.

Booleove oznake za formatiranje teksta.
Nakon što smo shvatili suštinu i svrhu logičkog označavanja teksta, vrijeme je da vas upoznamo s oznakama koje mogu razrijediti suhi tekst nekim značenjem.
navest cu..
Tag 
Ističe skraćenicu u tekstu.  Pretraživači su obično podvučeni isprekidanom linijom.
 
 CSS 

Atribut se može primijeniti na gotovo sve oznake naslov- opis alata, pa ako označite određenu skraćenicu u tekstu, pokušajte je dešifrirati pomoću ovog atributa.
  title = "(! LANG: Kaskadni listovi stilova">CSS!} 
 omogućava vam da lako promijenite stil bilo koje booleove oznake za formatiranje teksta!

Tag 
Ova oznaka ističe akronim u tekstu.  Akronim je gotovo isto što i skraćenica, samo formirana od početnih slova, riječi ili fraza, izgovaranih kao jedna riječ, a ne slovo po slovo.
Pridružite se  title = "(! LANG: Savez komunističke omladine">комсомол!} 
!!

Kao i kod skraćenice za dešifrovanje teksta, poželjno je koristiti atribut naslov .
Tag 


 

 Vasya Pupkin Uryupinsk Fabrika tjestenine 2010 


Tag 
Ističe citat ili fusnotu na drugom dokumentu u tekstu.  Obično ga pretraživači prikazuju kurzivom.
Kao što je rekao Ostap Bender 


Tag 

Označava tekst kao neku vrstu programskog koda.  Obično se prikazuje jednorazrednim fontom.
 
 funkcija () 
- ovako se označava funkcija u PHP-u
Tag 
Ističe izbrisani tekst u novoj verziji dokumenta.  Odabrani tekst će biti precrtan.
Podsjeća na oznake fizičkog formatiranja 
 i skraćeno 
- precrtani tekst.

Korištenje oznake 
, poželjnije, jer osim što razvodnjava tekst logikom, zamjenjuje i oznake 
 i 
 koji su označeni kao nepoželjni spec. 4.01.

 
 Stara cijena je 1000 rubalja. 
- Novo 999 rubalja !!!
Tag 
Ističe tekst kao definiciju.  Po pravilu, kada se u tekstu naiđe na novi pojam, autori ga ističu kurzivom i daju mu definiciju; zapravo, za to je oznaka potrebna. 

 
 Akronim 
- skraćenica formirana od početnih slova, riječi ili fraza, koja se izgovara kao jedna riječ, a ne slovo po slovo.
Tag 
Ističe novi tekst u novoj verziji dokumenta.  Odabrani tekst će postati podvučen u većini pretraživača.
Nasuprot oznake 
 obično je uparen sa njim i koristi se.
 Stara cijena je 1000 rubalja. - 
 Novo 999 r. 
!!!
Tag 

Ističe posebno važan dio teksta.  Obično se prikazuje kurzivom.
 
 Kako napraviti web stranicu? 
- saznajte na Webremeslo.ru !!
Tag 
Od engleske tastature - tastatura.  Određuje tekst koji se unosi sa tastature ili za naziv tastera.  Obično se prikazuje jednorazrednim fontom.
Kliknite na 
 Ctrl + Z 
 da poništite poslednju radnju.
Tag 
Ističe citat u tekstu.  Za razliku od oznake 
 tagged quote 
 automatski citirani od strane pretraživača.
Kao što je rekao Ostap Bender 
 Led je probio!  gospodo žiri! 

Inače, tu je i oznaka za fizičko formatiranje teksta. 

 ovaj tag takođe označava tekst kao citat i istovremeno ga izdvaja i razdvaja redove od ostatka teksta.

  

  

  

  

  

  

 
 logicno formatiranje teksta : 
- pretraživači automatski citiraju takav citat.  Usput, izlazeći izvan okvira teme, tip citata se može lako kontrolirati pomoću CSS pseudo-klasa lang i njegova značenja citati- citati.
 

 
Ovaj citat je kreiran pomoću oznake logicno formatiranje teksta : Led je probio!  gospodo porote .. Ostap Bender.  12 stolica.
- obično se prikazuje kurzivom u pretraživačima.  Druga svrha ove vrste citata je da djeluje kao fusnota na drugom dokumentu.
 

 
I ovaj citat je kreiran pomoću oznake fizički formatiranje teksta 
: 
Led je probio!  gospodo porote..
- u glavnom tekstu istaknuto je uvlakama i prijelomima redova, po pravilu se dugi dijelovi teksta preuzeti iz drugih izvora označavaju takvim citatom.
 

  

  

takve su razlike..
Tag 
Označava tekst koji se prikazuje na ekranu kao rezultat rada programa.  Obično se prikazuje u jednorazrednim fontovima u pretraživačima.
U procesu rješavanja problema 2 + 2, program će dati odgovor: 
 4

Tag 

Ističe posebno važan dio teksta.  Obično se prikazuje podebljanim slovima.
 
 Kako napraviti web stranicu? 
- saznajte na Webremeslo.ru !!
Tag 
Odabire tekst kao varijablu u radu programa.  Obično se prikazuje u pretraživačima kurzivom.
Ova funkcija koristi varijablu 
$ count 

Pa, to su zapravo sve oznake kreirane za logičan raspored teksta.  Neću pokazivati ​​primjere, mislim da je sve jasno, ali evo nekoliko korisnih savjeta za označavanje teksta u dokumentu.

Stil svih tagova, i logičkog i fizičkog oblikovanja teksta, odlično je prilagodljiv pomoću CSS-a!  Moj savjet za vas ako do sada niste upoznati s tim.  Kada koristite CSS svojstva u radu sa tekstom, zaboravićete na problem kompatibilnosti između pretraživača, odnosno vaš tekst će se u svim pretraživačima prikazivati ​​tačno onako kako vam treba, a ne kako pretraživač želi.  Osim toga, CSS otvara mnogo šire mogućnosti povezane sa stilom teksta i dizajnom web stranice u cjelini.
Pokušajte ispravno označiti tekst na stranicama Vaše web stranice .. naime:
Prvo razbijte sav tekst u pasuse koristeći oznaku 

- ovo će učiniti tekst lakšim za čitanje i ljudima i programima, osim toga, omogućit će vam da lako manipulirate tekstom koristeći CSS u budućnosti.  Općenito, pokušajte da ne ostavljate "gole" riječi i rečenice koje nisu umotane ni u jednu oznaku za formatiranje teksta.
Obratite pažnju na relevantnost vaših naslova 
-

 to jest, recimo da je naslov stranice uključen u oznaku 

 podnaslovi za označavanje 

čak i manje značajni podnaslovi u oznaci 

 itd. U idealnom slučaju, trebalo bi da postoji samo jedan naslov po stranici 

, zatim se tekst dijeli na nekoliko 

 i dalje po važnosti naslova.

Koristite logičke oznake za označavanje samo tamo gdje su zaista potrebne, odnosno ne treba npr. birati skraćenicu sa citatom i obrnuto.. zato je logično da bi sve bilo logično!!
Koristi 
 i 
 u slučajevima kada želite da se fokusirate na tekst ne samo ljudi, već i pretraživača, u drugim situacijama koristite i 
 .
Kada naučite CSS, zaboravite i izbacite oznaku iz glave. 
 i svi njegovi atributi!!  Odavno ga niko ne koristi, pa naravno sa rijetkim izuzecima..