Printre etichetele care afectează stilul fontului se numără etichete de formatare fizică și logică. În cele mai multe cazuri, utilizarea etichetelor de formatare fizice și logice care sunt similare ca semnificație duce la același efect. Diferența dintre cele două este că etichetele de formatare fizică indică direct ce proprietăți ale unui font ar trebui modificate (de exemplu, faceți-l bold), în timp ce etichetele de formatare logică indică ce fel de text este (de exemplu, important).

Specificarea intonației textului (aceasta este ceea ce fac etichetele de formatare logică), în loc să setați în mod explicit proprietățile acestuia, vă permite să controlați afișarea acestuia. Să luăm un exemplu: credeți că textul important ar trebui evidențiat nu cu aldine, ci cu roșu. Când utilizați etichete de formatare logică și un browser care le acceptă, puteți personaliza afișarea textului formatat logic. Textul formatat fizic se va afișa întotdeauna așa cum a intenționat autorul. Desigur, dacă doriți ca textul să fie exact aldine, utilizați formatarea fizică. În caz contrar, se recomandă utilizarea etichetelor de formatare logică.

Separarea etichetelor în formatare logică și fizică a fost inițial menită să facă HTML universal, inclusiv independent de dispozitiv. Teoretic, dacă utilizați, de exemplu, un browser de vorbire, atunci textul este formatat folosind etichete și , vor fi marcate diferit. Cu toate acestea, s-a dovedit că în browserele populare rezultatul utilizării acestor etichete este echivalent.
Până echivalent.

Alte etichete de formatare logică: - servește la descrierea definițiilor; - serveste la evidentierea citatelor; - ; - folosit pentru introducerea tastaturii utilizatorului; - folosit pentru a marca rezultatele produse de programe, pentru a evidenția mai multe caractere într-un font monospațiu: ; - folosit pentru variabile simbolice; - folosit pentru abrevieri (CIS, CPSU, WWW); - folosit pentru abrevieri (p. , ing.) cu atributul TITLE; - text citat între ghilimele.

Etichete și sunt folosite atunci când trebuie să vă amintiți că o anumită bucată de text ar trebui să fie (sau deja) este introdus sau scos. Ele sunt folosite la crearea unui site de către un grup de designeri. Poate avea atribute datetime, cite, title. În datetime, puteți specifica data și ora ștergerii/inserției. Citarea trimite către o adresă URL care conține o explicație a pasajului. Titlul inserează explicații direct în etichetă.

Nu confunda eticheta cu eticheta

Un element la nivel de bloc care ar trebui folosit pentru a marca bucăți mari de cod!


Etichetă<
cod>
Se recomandă utilizarea acestei etichete pentru a evidenția fragmente de coduri de program într-un document HTML.  De obicei, un astfel de text este afișat într-un font monospațial.  Trebuie remarcat faptul că, spre deosebire de etichetă 
Această etichetă nu este o etichetă la nivel de bloc și poate fi inclusă în linii de text simplu.  Exemplu:
Setarea unei variabile întregi în C++: int a = 0;
Etichete<
del> și<
ins>
Folosind eticheta containerului se recomandă să marcați textul ca șters.  Aceasta presupune că, dintr-un anumit motiv, designerul de documente trebuie să lase textul șters pe ecranul browserului, dar să îl marcheze ca șters.  Browserele afișează de obicei text ca baraj.  Această etichetă are doi parametri opționali:
cite este adresa URL a unui document care explică motivul ștergerii textului; 
datetime – editarea datei în format AAAA-LL-DDThh:mm:ssTZD.
Acest text a fost marcat ca șters
Eticheta containerului este utilizată în același mod. A care marchează textul ca anexat (inserat).  De obicei, un astfel de text este marcat de browsere ca subliniat.  Această etichetă are aceiași parametri opționali ca eticheta :
Acesta este textul adăugat.
Etichetă<
ei>
Această etichetă este folosită pentru a evidenția fragmente importante de text.  Browserele afișează în mod obișnuit text ca acesta cu caractere cursive:
Dedicat fragment de text
Etichetă<
kbd>
Container de etichete este folosit pentru a evidenția textul introdus de la tastatură.  Un astfel de text este de obicei afișat într-un font monospațiu:
Pentru a încărca căutarea Yandex, introduceți yandex.ru
Etichetă<
mămăligă>
Container de etichete marchează textul ca model și, de obicei, iese într-un font cu spațiu fix și este folosit pentru a formata textul care conține rezultatele programelor, de exemplu:
Primul meu program C++ scoate text Salut Lume!
Etichetă<
puternic>
Container de etichete folosit pentru a evidenția părți importante ale textului.  Textul evidențiat de această etichetă este considerat mai important decât textul evidențiat de etichetă. .  Când se scot, browserele de obicei text cu caractere aldine, cum ar fi acesta:
Exemplu de text marcat ca important
Etichetă<
var>
Această etichetă are scopul de a evidenția variabilele programului și este de obicei afișată cu caractere cursive de către browsere:
Variabil A chestiuni 5
Privind etichetele descrise mai sus, puteți vedea că rezultatul unor etichete este același și oferă același rezultat în fereastra browserului când este afișat.  Acest lucru ridică întrebarea: de ce este necesară o asemenea varietate de etichete dacă se dublează reciproc ca urmare a lucrării?  Cert este că dezvoltatorii limbajului HTML au făcut posibil ca compilatorii de documente HTML să selecteze corect anumite părți de informații în așteptarea ca viitoarea generație de browsere și motoare de căutare să le analizeze și să ofere mai multe oportunități utilizatorilor „finali” de a percepe textul corect formatat.  Prin urmare, acum se recomandă utilizarea acestor și alte etichete de formatare logică a textului pentru a îmbunătăți competitivitatea unor astfel de documente HTML în viitor.



Formatarea logică și structurarea clară sunt semnele distinctive ale unui document bine scris.  Ele oferă o mare flexibilitate în utilizarea sa.  Există un întreg grup de elemente de formatare, denumite logice în funcție de scopul lor.
Elementele de formatare logică sunt enumerate mai jos.


 - folosit pentru a sublinia citate sau titluri de cărți și articole, cu textul afișat de obicei cu caractere cursive.
 

- Este folosit pentru a afișa o mică bucată de cod de program într-un font cu lățime fixă.

 

- folosit pentru a evidenția fragmente importante de text.  Browserele afișează de obicei un astfel de text cu caractere cursive.

 

- un element care evidențiază textul introdus de utilizator de la tastatură într-un font cu lățime fixă.
 

- folosit pentru a evidenția mai multe caractere într-un font cu lățime fixă.
 

- folosit de obicei pentru a evidenția pasaje importante ale textului.  Browserele afișează un astfel de text cu caractere aldine.

 

- folosit pentru a marca numele variabilelor, de obicei un astfel de text este afișat cu caractere cursive.

Toate etichetele enumerate sunt containere, adică necesită o etichetă de închidere.
Este posibil să observați că unele recipiente dau același rezultat.  Apare o întrebare legitimă: de ce se face acest lucru
?
Răspunsul se află în numele acestui grup de elemente.  Ele sunt concepute pentru a pune accentul logic, a evidenția părți logice și a sublinia esența enunțurilor.  Utilizarea lor este foarte relevantă, deoarece, probabil, în viitorul apropiat va fi posibilă, de exemplu, să se caute citări în Web - spațiu.

Uneori devine necesar să includeți un citat într-un document.  Pentru a-l evidenția din textul principal, există o etichetă

.  Acest element este un container și poate conține orice etichete de formatare. 
Browserele moderne reacționează la element
 

deplasând textul citatului la dreapta. 
Ultima instanță de determinare a aspectului documentului, așa cum sa menționat deja, este vizualizatorul cititorului.  Creatorul documentului are control limitat asupra acestui proces prin elementele de formatare fizice enumerate mai jos.


 - face textul aldine.

 

- caracterizează textul cu caractere italice.

 

- Afișează textul într-un font cu lățime fixă.

 

- element de subliniere.

 

- element barat.

 

- afișează textul într-un font mai mare.

 

- Afișează textul într-o dimensiune mai mică a fontului.

 

- mută textul sub nivelul liniei și se afișează (dacă este posibil) într-o dimensiune mai mică a fontului.
 

- mută textul deasupra nivelului liniei și se afișează (dacă este posibil) într-o dimensiune mai mică a fontului.

Toate elementele fizice de formatare sunt containere.  Elementele de formatare fizică pot fi imbricate unele în altele.  În același timp, trebuie avut grijă să vă asigurați că un container este în întregime într-un alt container.
Una dintre caracteristicile importante întruchipate în
 HTML , începând cu versiunea 3.2, este controlul deplin al aspectului documentului creat.  Această funcție nu era disponibilă în versiunile anterioare ale limbii.  Putem spune că singura problemă semnificativă este absența pe computerul utilizatorului a oricăror fonturi care sunt utilizate în document. FONT a apărut prima dată în HTML versiunea 3.2 și este un container.  După eticheta de start este obligatorie precizarea atributelor, fără de care elementul nu are efect asupra textului plasat în container.  Element FONT poate fi în interiorul oricărui alt container de text.
este folosit pentru a specifica dimensiunea, tipul și culoarea fontului, standard pentru acest document.  Aceste valori sunt necesare pentru întregul document, cu excepția cazului în care sunt înlocuite de un element FONT .  După închiderea elementului Valorile etichetei FONT 
sunt în curs de restaurare.  Valorile atributelor BASEFONT poate fi schimbat cu o altă etichetă
oriunde în document.  Etichetă
nu este un container și folosește aceleași atribute ca și elementul .

În acest capitol, vom lucra din nou cu text și, spre deosebire de materialul prezentat în al doilea capitol: vom privi unele lucruri dintr-un unghi diferit și vom vorbi și despre etichete care nu au fost incluse anterior în acest tutorial, cu care de asemenea, puteți formata textul de pe paginile site-ului.
Faptul este că toate etichetele concepute pentru a funcționa cu text pot fi împărțite în două grupuri: „etichete de formatare fizică a textului” și „etichete de formatare logică a textului”
Acum in ordine..
Etichete de formatare a textului fizic.
Etichetele de formatare a textului fizic au fost discutate mai devreme în acest tutorial, așa că nu mă voi repeta, ci le enumerez pur și simplu:
 , , , , , , , , , , 
, , 
…

Acestea sunt toate etichete fizice de formatare a textului.
De ce au fost numite așa?  Da, totul este simplu .. deoarece aceste etichete sunt capabile să influențeze fizic textul într-un fel sau altul .. să-l facă bold, italic, mic, mare .. etc. Prin includerea textului în oricare dintre etichetele de mai sus, obținem rezultatul așteptat , care este descris în specificația HTML și redă aproape același în browsere diferite.
Pentru orice eventualitate, voi arăta din nou vechiul exemplu:
  

  

  

  

  

 Articol de cercetare. 
 
 
 
Dacă diluați apa distilată cu H 
 2
 Aproximativ patruzeci la sută alcool etilic C 
 2
 H 
 5
 EL primește apoi lichid în 40 
 O 
 mai cunoscut publicului larg sub numele 
- vodcă. 
 
 
Pentru prima dată această proporţie  
 atașat 
 propus 
 Dmitri Ivanovici Mendeleev. 
 
 
 
 

 Consumul de alcool este dăunător sănătății. 
 

  

 

Sarcina principală a etichetelor de formatare a textului fizic este de a îndeplini funcții pur decorative.
Cu toate acestea, dacă ați studiat, probabil ați observat că etichetele de mai sus sunt departe de toate instrumentele de lucru cu textul!  Și dacă ai studiat cartea de referință cu atenție și intensitate, probabil ai observat că unele etichete efectuează aceleași acțiuni asupra textului.
De exemplu, care este diferența dintre etichetă 
 din etichetă 
?  sau care este diferența între și 
?  pentru că rezultatul este același acolo și acolo!

Deci da, nu așa... există diferențe... și sunt destul de semnificative!! ..
Markup text logic.
Înainte de a vorbi despre noi etichete, vă voi spune ce ar trebui să se înțeleagă prin expresia: „marcare logică a unui document”.
Sub marcajul logic al unui document, în primul rând, se obișnuiește să se înțeleagă marcarea textului cu etichete care vizează comoditatea motoarelor de căutare și a altor programe care funcționează cu acest document, precum și pentru a oferi textului din document ceva sens.  Deci programelor nu le pasă absolut de cum arată documentul tău, dacă este frumos sau nu, ce stil de font și text este folosit etc.  programele încearcă în primul rând să găsească logica pe pagina dvs. pentru a o utiliza în viitor la propria discreție, de exemplu, pentru rezultate de căutare mai relevante sau pentru compilarea automată a conținutului documentului dvs....
Acum să revenim la întrebarea de mai sus: „Care este diferența dintre etichetă 
 din etichetă 
?" - s-ar părea, care este diferența, pentru că textul va fi afișat cu caractere italice atât acolo, cât și acolo .. ideea este că eticheta 
- (italic) - este o etichetă fizică de formatare a textului și este destinată în primul rând oamenilor și etichetei 
(text deosebit de important) - este o etichetă logică de generare de text și este destinată mașinilor!  Și faptul că textul luat în etichetă 
, afișat de obicei cu caractere cursive în browsere - aceasta este doar, să spunem, „modă” și o noțiune de browsere.

Specificația HTML nu spune că etichetele de formatare a textului logic ar trebui redate într-un anumit mod de către browsere, care este, de exemplu, aceeași etichetă 
 ar trebui să fie afișat exact cu caractere cursive și nu altfel, ci doar spune că un astfel de text ar trebui să difere de cel principal și să iasă în evidență în mod special în document.

Deci, care sunt cele mai bune etichete de folosit?  Ei bine, din moment ce deja ne-am întâlnit în absență cu etichete 
și 
 Voi arăta un exemplu, comentariile vor fi mai jos..

  

  

  

  

  

  

 

 Cum se creează un site web? 
 

 
Pentru a 
 creați-vă propriul site web 
 Pentru a începe, scrieți următoarele etichete în Notepad:
 

  - începutul documentului

  - avans

  - închiderea capului

  - începutul corpului

  - închiderea corpului

  - sfârşitul documentului

  

  

Acum voi explica de ce pe paginile acestui site, ca în exemplul de mai sus, în unele cazuri sunt folosite etichete 
și 
, iar în alte cazuri și 
 .

Chestia este că eu, în calitate de creator al acestui site, îmi doresc foarte mult ca oamenii să introducă pe același Google expresia: „ Cum se creează un site web?" sau " Auto-crearea site-ului"am văzut un link în primele rânduri ale rezultatelor căutării Google:" "și l-am urmat către pagina principală a resursei mele :). Deci, după ce am marcat fragmentele de text de care aveam nevoie, folosind etichete 
și 
, prin aceasta îi explic pe Google că acest text este important și că ar trebui să i se acorde o atenție deosebită!  - desigur, aceasta nu este o garanție de succes, mai ales pentru interogările utilizatorilor atât de populare (de înaltă frecvență), dar toate celelalte lucruri fiind egale, acesta este un mare plus în ochii motoarelor de căutare.

Si cazul invers...
Ca persoană care încearcă să facă site-ul ușor de citit și de înțeles de către alte persoane, evidențiez unele părți ale textului cu caractere cursive (umor, note și alte gag) și aldine (etichete explorate în exemple), dar nu vreau motoarele de căutare să acordați multă atenție expresiilor precum: „începutul capului” „închiderea corpului” - deoarece site-ul este scris pentru artizani web începători și nu pentru patologii începători, de aceea marchez un astfel de text cu etichete și 
- dau rezultatul dorit, de fapt bold și italic, dar nu sunt o „cârpă roșie” pentru programe.

Etichete de formatare a textului logic.
După ce ne-am ocupat de esența și scopul marcajului logic al textului, este timpul să vă prezentăm etichetele care pot dilua textul uscat cu o anumită semnificație.
voi enumera..
Etichetă 
Evidențiază o abreviere în text.  Browserele îl subliniază de obicei cu o linie punctată.
 
 css 

Atributul este aplicabil pentru aproape toate etichetele. titlu- un sfat explicativ, deci dacă evidențiați o abreviere în text, încercați să îi oferiți o decodare folosind acest atribut.
  title="(!LANG:Foi de stil în cascadă">CSS!} 
 vă va permite să schimbați cu ușurință stilul oricărei etichete de formatare a textului logic!

Etichetă 
Această etichetă evidențiază acronimul din text.  Un acronim este aproape același cu o abreviere, format doar din litere inițiale, cuvinte sau fraze, pronunțate ca un singur cuvânt, și nu literă cu literă.
Alăturați-vă  title="(!LANG:Uniunea Tineretului Comunist">комсомол!} 
!!

Ca și în cazul abrevierii, este recomandabil să folosiți atributul pentru a descifra textul titlu .
Etichetă 


 

 Fabrica de paste Vasya Pupkin Uryupinsk 2010 


Etichetă 
Evidențiază un citat sau o notă de subsol la alt document din text.  De obicei, browserele îl afișează cu caractere cursive.
După cum a spus Ostap Bender 


Etichetă 

Marchează textul ca un fel de cod de program.  Afișat de obicei într-un font monospațial.
 
 funcţie() 
- așa se notează o funcție în PHP
Etichetă 
Evidențiază textul șters în noua versiune a documentului.  Textul selectat va deveni barat.
Îmi amintește de etichetele de formatare fizică 
și prescurtat 
- text tăiat.

Utilizarea etichetelor 
, mai de preferat, pentru că pe lângă faptul că diluează textul cu logică, înlocuiește și etichetele 
și 
, care sunt marcate ca fiind depreciate de specificația 4.01.

 
 Pret vechi 1000 lei. 
- Noi 999 de ruble!!!
Etichetă 
Evidențiază textul ca definiție.  De regulă, atunci când în text apare un termen nou, autorii îl evidențiază cu caractere cursive și îi dau definiția, de fapt, pentru asta este eticheta. 

 
 Acronim 
- o abreviere formată din litere inițiale, cuvinte sau fraze, pronunțate ca un singur cuvânt, și nu literă cu literă.
Etichetă 
Evidențiază textul nou în noua versiune a documentului.  Textul selectat va fi subliniat în majoritatea browserelor.
Opusul etichetei 
 cu el, în pereche, se folosește de obicei.
 Pret vechi 1000 lei. - 
 Noua 999 R. 
!!!
Etichetă 

Evidențiază un text deosebit de important.  Afișat de obicei cu caractere cursive.
 
 Cum se creează un site web? 
- afla pe Vebremeslo.ru!!
Etichetă 
Din engleză tastatură - tastatură.  Specifică textul care trebuie introdus de la tastatură sau pentru numele tastelor.  Afișat de obicei într-un font monospațial.
Clic 
 Ctrl + Z 
 pentru a anula ultima acțiune.
Etichetă 
Evidențiază un citat dintr-un text.  Spre deosebire de etichetă 
 citat etichetat 
 luate automat de browsere între ghilimele.
După cum a spus Ostap Bender 
 S-a spart gheața!  domnilor juriului! 

Apropo, există și o etichetă fizică de formatare a textului 

 această etichetă marchează, de asemenea, textul ca citat și, în același timp, îl distinge prin indentații și întreruperi de linie de restul textului.

  

  

  

  

  

  

 
 logic formatarea textului : 
- Browserele citează automat un astfel de citat.  Apropo, trecând dincolo de subiect, tipul de citate este ușor de controlat folosind css pseudo clasa limba si sensul ei citate- ghilimele.
 

 
Acest citat a fost creat cu eticheta logic formatarea textului : S-a spart gheața!  domnilor juriului.. Ostap Bender.  12 scaune.
- este de obicei afișat cu caractere cursive de către browsere.  Al doilea scop al acestui tip de citare este de a servi drept notă de subsol la alt document.
 

 
Și acest citat a fost creat folosind eticheta fizic formatarea textului 
: 
S-a spart gheața!  domnilor juriului..
- în textul principal, se distinge prin indentări și întreruperi de rând, de regulă, bucăți lungi de text preluate din alte surse sunt marcate cu un astfel de citat.
 

  

  

Cam astea sunt diferentele..
Etichetă 
Indică textul care este afișat ca rezultat al rulării unui program.  De obicei, afișat de browsere într-un font monospațial.
În procesul de rezolvare a problemei 2 + 2, programul va da răspunsul: 
 4

Etichetă 

Evidențiază un text deosebit de important.  Afișat de obicei cu caractere aldine.
 
 Cum se creează un site web? 
- afla pe Vebremeslo.ru!!
Etichetă 
Evidențiază textul ca o variabilă în activitatea oricărui program.  De obicei, redat cu caractere cursive de către browsere.
Această funcție folosește o variabilă 
$count 

Ei bine, de fapt, toate etichetele create pentru marcarea logică a textului.  Nu voi arăta exemple, cred că totul este clar, dar iată câteva sfaturi utile pentru marcarea textului într-un document.

Stilul tuturor etichetelor, atât formatarea logică, cât și cea fizică a textului, este superb personalizabil folosind CSS!  Sfatul meu pentru tine, dacă până în acest moment încă nu ești familiarizat cu el.  Când utilizați proprietăți CSS atunci când lucrați cu text, veți uita de problema compatibilității între browsere, adică textul dvs. va fi afișat în toate browserele exact așa cum aveți nevoie și nu așa cum dorește browserul.  În plus, CSS deschide posibilități mult mai largi legate atât de stilul textului, cât și de designul site-ului în ansamblu.
Încercați să marcați corect textul de pe paginile site-ului dvs. și anume:
Mai întâi, împărțiți tot textul în paragrafe folosind eticheta 

- acest lucru va face textul mai ușor de citit atât pentru oameni, cât și pentru programe și, de asemenea, vă va permite să manipulați mai ușor textul cu CSS.  În general, încercați să nu lăsați cuvinte și propoziții „goale” care nu sunt incluse în nicio etichetă de formatare a textului.
Păstrați titlurile semnificative 
-

 adică să luăm titlul paginii în etichetă 

 subtitrări pentru etichetare 

 subtitluri chiar mai puțin semnificative din etichetă 

 etc. În mod ideal, ar trebui să existe un singur titlu pe pagină 

, apoi textul este împărțit de mai multe 

și așa mai departe în ordinea importanței.

Folosiți etichete de marcaj logic doar acolo unde sunt cu adevărat necesare, adică nu ar trebui, de exemplu, să evidențiați o abreviere cu un citat și invers.. de aceea este logic, astfel încât totul să fie logic !!
Utilizare 
și 
în cazurile în care doriți să vă concentrați pe textul nu numai al oamenilor, ci și al motoarelor de căutare, în alte situații, utilizați și 
 .
Când înveți CSS, uită și aruncă eticheta din cap 
 si toate atributele lui!!  Nimeni nu l-a folosit de mult timp, ei bine, cu rare excepții, desigur...