Evidențiază un text deosebit de important. Afișat de obicei cu caractere cursive.

Cum se creează un site web? - afla pe Webremeslo.ru!!

Etichetă

Din engleză tastatură - tastatură. Specifică textul introdus de la tastatură sau pentru numele tastelor. Afișat de obicei în font monospațiu.

Clic Ctrl+Z pentru a anula ultima acțiune.

Etichetă

Evidențiază un citat din text. Spre deosebire de etichetă citat marcat cu etichetă este cotat automat de browsere.

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 de restul textului prin indentări și întreruperi de linie.

logic formatarea textului : - browserele pun automat un astfel de citat între ghilimele. Apropo, trecând dincolo de subiect, tipul de citate poate fi ușor controlat folosind CSS pseudo-clasă langși semnificațiile sale citate- citate.

Acest citat a fost creat folosind eticheta logic formatarea textului : S-a spart gheața! domnilor juriului... Ostap Bender. 12 scaune. - de obicei browserele îl afișează cu caractere cursive. Al doilea scop al acestui tip de citat 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 este evidențiat prin indentări și întreruperi de rând; de regulă, un astfel de citat este folosit pentru a marca bucăți lungi de text preluate din alte surse.

Acestea sunt diferentele...

Etichetă

Indică textul care este afișat pe ecran ca rezultat al funcționării unui program. Afișat de obicei 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 Webremeslo.ru!!

Etichetă

Selectează text ca variabilă în operarea unui program. Browserele afișează de obicei caractere cursive.

Această funcție folosește o variabilă $count

Ei bine, acestea sunt 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.

Sfaturi utile:

· Stilul tuturor etichetelor, atât formatarea textului logic, cât și fizic, este perfect personalizabil folosind Instrumente CSS! Sfatul meu pentru tine învață CSS: (http://www.webremeslo.ru/css/glava0.html), dacă până în acest moment încă nu ești familiarizat cu el. Folosind 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:

Pentru a începe, împărțiți tot textul în paragrafe folosind eticheta

- acest lucru va face citirea textului mai ușoară atât pentru oameni, cât și pentru programe, în plus, vă va permite pe viitor să gestionați cu ușurință textul cu folosind 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ă presupunem că titlul paginii este inclus în etichetă

subtitluri din etichetă

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 în mai multe

și mai departe după importanța titlurilor.

Folosiți etichete de marcaj logic doar acolo unde sunt cu adevărat necesare, adică, de exemplu, nu ar trebui să evidențiați o abreviere cu un citat și invers... pentru asta este logica, astfel încât totul să fie logic!!

Utilizare Și în cazurile în care doriți să concentrați atenția asupra textului nu numai al oamenilor, ci 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 sale!! Nimeni nu l-a folosit de mult timp, ei bine, cu rare excepții, desigur...

Deși HTML include etichete pentru a obține diferite efecte de font (aldine, cursive, subliniate), nu toate browserele le acceptă. Cu toate acestea, toate browserele acceptă într-un mod sau altul pentru selectarea textului. Prin urmare, utilizarea formatării logice a textului va determina, în orice caz, vizualizatorul să evidențieze diferite părți ale textului și să dezvăluie structura documentului.

Vorbind despre aspectul logic al textului, putem distinge două părți principale:

Evidențierea titlurilor dintr-un document; selecția logică a elementelor textului.

Titlul documentului specificat folosind o etichetă

Antet de nivel 1

Antet de nivelul 2

Antet de nivel 3

Antet de nivel 4

Antet de nivel 5

Antet de nivel 6

Amintiți-vă că, dacă uitați să includeți o etichetă de titlu de închidere, pagina va părea distorsionată: orice etichetă de titlu inserează automat o linie goală înainte și după sine.

Suport etichete de titlu Atributul ALIGN, al cărui efect este similar cu efectul aceluiași atribut al etichetei de evidențiere a paragrafului.

Elementele de selecție logică a fragmentelor de text, precum și designul posibil al fiecăruia dintre ele sunt prezentate în tabel.

Etichete	Aplicație	Rezultat
	Folosit pentru a evidenția citate sau titluri de cărți și articole	Folosit pentru a evidenția citate sau titluri de cărți și articole
	Folosit pentru a scoate o bucată mică codul programului	Folosit pentru a afișa o mică bucată de cod de program
	Folosit pentru a evidenția părți importante ale textului	Folosit pentru a evidenția părți importante ale textului
	Evidențiază textul introdus de utilizator pe tastatură	Evidențiază textul introdus de utilizator pe tastatură
	Folosit pentru a evidenția un exemplu de text	Folosit pentru a evidenția un exemplu de text
	Folosit pentru a evidenția părți foarte importante ale textului	Folosit pentru a evidenția părți foarte importante ale textului
	Folosit pentru a marca numele variabilelor	Folosit pentru a marca numele variabilelor
	Folosit pentru a marca textul șters	Folosit pentru a marca textul șters

Probabil ați observat că unele elemente de marcare a textului logic dau acelasi rezultat. Atunci de ce este nevoie de o asemenea diversitate? Răspunsul la această întrebare este conținut în numele acestui grup de etichete. Ele sunt concepute pentru a pune accent logic, a evidenția părți logice și a sublinia esența afirmațiilor. Utilizarea lor este foarte relevantă, deoarece, probabil, în viitorul apropiat va deveni posibilă, de exemplu, căutarea de citate în spațiul Web și, poate, următoarea generație de browsere va învăța să citească documentele cu voce tare. Programele care pot recunoaște stresul logic vor înlocui procesoarele monotone de vorbire de astăzi.

Pentru a evidenția ghilimele lungi din textul principal în HTML, 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. niste programe text vizualizările indică un citat cu simboluri > situate în coloana din stânga a ecranului. Deoarece majoritatea browserelor de astăzi sunt programe grafice, element

permite autorilor să adauge o oarecare varietate vizuală textului.

Formatare logica si fizica

Pentru a formata textul documentelor HTML, este furnizat un întreg grup de etichete, care pot fi împărțite în etichete logicȘi fizic formatare.

Etichete formatare logica denotă (prin numele lor) tipurile structurale ale fragmentelor lor de text, cum ar fi, de exemplu, codul programului(etichetă ), citat(etichetă<СIТЕ> ), abreviere(etichetă< ABBR >) ȘI AȘA MAI DEPARTE.

Utilizarea etichetelor<ЕМ>Și puteți, de exemplu, să marcați fragmente individuale ca dedicat,sau puternic evidenţiat.Observa asta despre care vorbim O marcajele structurale, care nu afectează reprezentarea specifică pe ecran a fragmentului de către browser. De aceea se numește acest marcaj logic.

Browserele afișează implicit fragmente formatate logic pe ecran într-un mod specific. Tipul de afișaj nu are nicio legătură tip structural fragment (adică numele unei etichete de formatare logică), dar poate fi înlocuit cu ușurință.

Etichetele de formatare fizică definesc format de afișare fragmentul de text specificat în ele în fereastra browserului.

De exemplu, pentru a afișa un fragment cursive puteți folosi eticheta italic .

Între dezvoltatorii de documente HTML pentru o lungă perioadă de timp Au existat dezbateri despre avantajele și dezavantajele uneia sau alteia abordări. Odată cu lansarea specificației HTML 4.0, această dezbatere s-a încheiat în favoarea utilizării formatării logice, întrucât a fost proclamat principiul separării structurii documentului de prezentarea acestuia. Într-adevăr, numai pe baza formatării logice puteți controla în mod flexibil prezentarea unui document folosind metode moderne(bazat pe foi de stil, documente cu schimbare dinamică etc.).

Cu toate acestea, pe în prezent Formatarea fizică poate fi, de asemenea, utilizată în mod liber. Specificația HTML 4.0 a depreciat unele etichete de formatare fizică, dar acestea sunt încă acceptate de toate browserele. Rețineți că unele etichete de formatare logică, concepute pentru a înlocui etichetele de formatare fizice individuale, nu sunt recunoscute de toate browserele, ceea ce face ca utilizarea lor să fie extrem de incomodă.

Etichete de formatare a textului logic

Etichetă

Etichetă< ABBR > marchează textul dvs. ca abreviere(Abreviere).

Limba HTML a fost dezvoltat de omul de știință britanic Tim Berners-Lee în jurul anilor 1991-1992 în interiorul zidurilor Consiliului European pentru Cercetare Nucleară de la Geneva (Elveția). HTML a fost creat ca limbaj pentru schimbul de documentație științifică și tehnică, potrivit pentru utilizare de către persoane care nu sunt specialiști în domeniul layout-ului.

Etichetă

Etichetă< ACRONIM >. La fel ca eticheta< ABBR >, folosit pentru a marca abrevieri. Este recomandat să marcați cu această etichetă așa-numita acronime,T. e. cuvinte rostite formate din abrevieri. Etichetă< ACRONIM > poate că în viitor va fi folosit pentru afișarea non-vizuală a elementelor, de exemplu în sinteza vorbirii.

Această etichetă este convenabilă de utilizat în combinație cu parametrul TITLE, a cărui valoare poate fi specificată ca versiune completă a abrevierei. Apoi browsere vizuale când treci cu mouse-ul peste text marcat cu o etichetă< ACRONIM >, va afișa numele complet ca un sfat explicativ.

TPU.

Eticheta H1...H6

HTML oferă șase titluri la diferite niveluri, care indică importanța relativă a secțiunii de după titlu. Da, etichetă

reprezintă cel mai important titlu de prim nivel și eticheta

servește la indicarea titlului de nivelul șase și este cel mai puțin semnificativ. În mod implicit, titlul de la primul nivel este afișat cu cel mai mare font aldine, iar titlurile de nivel ulterioare sunt mai mici. Etichete

...

a se referi la elemente de bloc, ele încep întotdeauna pe o linie nouă, iar după ele apar alte elemente pe linia următoare. În plus, spațiul alb este adăugat înainte și după titlu. Aspectul antetului poate fi controlat cu ușurință folosind stiluri.

Antet de primul nivel

Titlu de al doilea nivel

Titlu de nivel al treilea

În browser va arăta astfel:

Etichetă<СIТЕ>

Etichetă folosit pentru a marca citate sau titluri de cărți și articole, link-uri către alte surse etc. Browserele afișează de obicei un astfel de text cu caractere cursive.

Nu poți spune unei persoane: „Poți să creezi. Așa că haide, creează.” Este mult mai corect să aștepți până când el însuși spune: „Pot crea și voi crea, indiferent dacă vrei sau nu”.

Isaac Asimov

Etichetă

Etichetă marchează textul dvs. ca mic fragment de cod.Afișat de obicei în font monospace. Această etichetă nu trebuie confundată cu eticheta

Fiind un element la nivel de bloc care ar trebui folosit pentru a marca fragmente mari (liste) de cod.

 
Cod program
 

 funcția checkParent (src, dest) ( 
în timp ce (src != nul) ( 
if (src.tagName == dest) returnează src 
src = src.parentElement 

 } 
returnează nul 

 }
 
 


Etichetă 
Etichetă marchează textul dvs. ca la distanta.Acest element este util pentru marcarea modificărilor aduse unui document de la versiune la versiune.  Etichetă poate fi folosit ca element la nivel de text și ca element la nivel de bloc.
Eticheta are doi parametri opționali: CITE și DATETIME.  Valoarea parametrului CITE trebuie să fie o adresă URL către un document care explică de ce fragmentul a fost eliminat.
Parametrul DATETIME specifică data ștergerii în formatul: YYYY-LL-DDThh:mm:ssTZD, care specifică anul, luna, ziua, orele, minutele și secundele ștergerii, precum și fusul orar (Fus orar).
 
Etichete de formatare a textului fizic
 
Etichetă 
Inclus între aceste etichete are proprietățile textului aldine.  Are un atribut titlu - apelează textul sub forma unui balon explicativ.


Etichetă 
Această etichetă mărește dimensiunea afișajului textului. Are un atribut de titlu - numește textul ca un sfat explicativ.
Exemplu de formatare fizică


Etichetă 
Folosit pentru a selecta un font pentru text.  Atribute:
dimensiune - dimensiunea textului de la 1 la 7

culoare - culoarea textului
Exemplu de formatare fizică


Etichetă 
Această etichetă inserează o linie orizontală în pagină.  Atribute:
dimensiune - înălțimea și grosimea liniei
lățime - lățime de linie
noshade - crearea unei linii fără umbră
culoare - schimbă culoarea liniei

Etichetă 
Etichetă marchează textul dvs. ca abreviere (ABBReviation).  Deși această etichetă este inclusă în specificația HTML 4.0, în prezent nu este acceptată de niciun browser.
Etichetă 
Etichetă .  La fel ca eticheta , folosit pentru a marca abrevieri.  Se recomandă utilizarea acestei etichete pentru a marca așa-numitele acronime, adică cuvintele rostite constând din abrevieri.  Etichetă poate că în viitor va fi folosit pentru afișarea non-vizuală a elementelor, de exemplu în sinteza vorbirii.
Această etichetă este convenabilă de utilizat în combinație cu parametrul TITLE, ca valoare a căruia puteți specifica forma completă a abrevierei.  Apoi browsere vizuale când treci cu mouse-ul peste text marcat cu o etichetă , va afișa numele complet ca un sfat explicativ.
Rețineți că eticheta recunoscut doar de browserul Microsoft Internet Explorer.  Exemplu:
SPbGITMO- una dintre cele mai importante universități tehnice din Sankt Petersburg
Etichetă 
Etichetă folosit pentru a marca citate sau titluri de cărți și articole, link-uri către alte surse etc. Browserele afișează de obicei un astfel de text cu caractere cursive.  Exemplu:
vremea lui Nevskoe este unul dintre cele mai populare ziare de oraș din Sankt Petersburg
Etichetă 
Etichetă marchează textul dvs. ca o mică bucată de cod de program.  Afișat de obicei în font monospațiu.  Această etichetă nu trebuie confundată cu 
Un element la nivel de bloc care ar trebui utilizat pentru a marca fragmente mari (listări) de cod.
De exemplu:
Un exemplu de cel mai simplu operator din limbajul de programare C: 
puts("Bună, lume!");
Există o altă diferență în utilizarea etichetelor Și 
În codul programului, prezența mai multor spații consecutive este adesea importantă.  Afișarea lor va fi salvată numai atunci când se utilizează eticheta 
Etichetă 
Etichetă marchează textul dvs. ca șters.  Acest element este util pentru marcarea modificărilor aduse unui document de la o versiune la alta.  Etichetă poate fi folosit ca element la nivel de text și ca element la nivel de bloc.
Eticheta are doi parametri opționali: CITE și DATETIME.  Valoarea parametrului CITE trebuie să fie o adresă URL către un document care explică de ce fragmentul a fost eliminat.
Parametrul DATETIME specifică data ștergerii în formatul: YYYY-LL-DDThh:mm:ssTZD, care specifică anul, luna, ziua, orele, minutele și secundele ștergerii, precum și fusul orar (Fus orar).  De exemplu:
Cea mai recentă specificație acceptată pentru limbajul de marcare HTML este versiunea 3.2
 4.0
Text etichetat de obicei afișat ca text tăiat.  Specificația HTML 4.0 dă preferință acestei etichete față de eticheta de formatare fizică. sau , indicând textul tăiat.  Cu toate acestea, eticheta  
Etichetă 
Etichetă marchează fragmentul său de text ca definiție (DeFinitioN).  De exemplu, această etichetă poate fi folosită pentru a marca un termen atunci când apare pentru prima dată în text.  Exemplu:
Internet Explorer este un browser web popular
Etichetă Acceptat numai de Microsoft Internet Explorer.  Afișat implicit cu caractere cursive.
Etichetă 
Etichetă marchează textul dvs. ca inserție (INSertion).  Acest element este util pentru marcarea modificărilor aduse unui document de la o versiune la alta.  Etichetă poate fi folosit ca element la nivel de text și ca element la nivel de bloc.
Eticheta are doi parametri opționali: CITE și DATETIME.  Valoarea parametrului CITE trebuie să fie o adresă URL a unui document care explică detaliile completărilor făcute.
Parametrul DATETIME specifică data inserării în formatul: AAAA-LL-DDThh:mm:ssTZD, care specifică anul, luna, ziua, ora, minutele și secundele inserării, precum și fusul orar (Fusul orar).
Text etichetat , este de obicei afișat ca text subliniat.  Etichetă în prezent este recunoscut doar de Microsoft Internet Explorer.
Etichetă 
Etichetă (Evidențierea, sublinierea) este folosită pentru a evidenția fragmente importante de text.  Browserele afișează de obicei acest text cu caractere cursive.  Exemplu:
Exemplu de selecție cuvinte individuale text
 .
Etichetă 
Etichetă Marchează textul ca fiind introdus de utilizator de la tastatură.  Afișat de obicei în font monospațiu, de exemplu:
Pentru a lansa editorul de text, tastați: blocnotes
Această etichetă este preferată față de eticheta de formatare fizică. .
Etichetă 
Etichetă marchează citatele scurte într-o linie de text.  Spre deosebire de eticheta la nivel de bloc 
La afișare, textul de marcare nu este separat prin linii goale.  Afișat de obicei cu caractere cursive.  Etichetă (Spre deosebire de 
) este în prezent recunoscut doar de Microsoft Internet Explorer.
Eticheta are un parametru CITE, a cărui valoare poate fi sursa citatului.
Etichetă 
Etichetă marchează textul ca eșantion (SAMPle).  O utilizare obișnuită a acestei etichete este marcarea textului rezultat din programe (ieșire exemplu).  De asemenea, este folosit pentru a evidenția mai multe caractere într-un font monospațiu.
Această etichetă este preferată față de eticheta de formatare fizică. .  De exemplu:
Rezultatul programului va fi tipărit: Salut Lume!.
Etichetă 
Etichetă , de regulă, este folosit pentru a evidenția fragmente importante de text.  Browserele afișează de obicei acest text cu caractere aldine.  Exemplu:
Sankt Petersburg este situat în vârful cel mai estic Golful Finlandei la gura râului Nu tu
Această etichetă este preferată față de eticheta de formatare fizică. .  Etichetă de obicei, marchează bucăți de text mai importante decât cele marcate cu eticheta .
Etichetă 
Etichetă marchează numele variabilelor programului.  De obicei, acest text este afișat cu caractere cursive.  Exemplu:
Setați valoarea variabilei N

O afișare a unora dintre exemplele date în descrierea etichetelor de formatare a textului logic este prezentată în Figura.  1.1.  Figura arată cum atunci când treceți mouse-ul peste text marcat cu o etichetă , este afișat un indiciu.
Orez.  1.1.
 Exemple de formatare a textului
Probabil ați observat că unele elemente dau același rezultat.  Mai mult, este posibil ca unele elemente să nu modifice în niciun fel prezentarea unei bucăți de text pe ecran.  Poate apărea o întrebare legitimă: de ce a fost creată o asemenea varietate de elemente de formatare?
Răspunsul este în numele acestui grup de elemente.  Ele sunt concepute pentru a pune accent logic, a evidenția părți logice și a sublinia esența afirmațiilor.  Utilizarea lor este foarte relevantă, deoarece, probabil, în viitorul apropiat capacitățile browserelor vor crește, de exemplu, va deveni posibilă căutarea de citate pe Web și poate că următoarea generație de browsere va învăța să citească documentele cu voce tare.  În plus, nimic nu îi împiedică pe autorii de documente de astăzi, care folosesc foi de stil, să stabilească afișarea dorită pentru oricare dintre etichete, suprascriind valorile implicite.

În primul rând, să definim ce este formatarea logică a documentului.  Formatarea logică se referă la utilizarea etichetelor HTML speciale pentru cuvinte și grupuri de cuvinte în funcție de semnificația acestora.  De exemplu, citările sunt formatate folosind eticheta CITE, evidențierea folosind eticheta EM etc.  De ce este necesar acest lucru?  De ce nu putem folosi doar etichete de formatare fizică?  Este foarte simplu, etichetele de formatare logică pot fi suprascrise folosind CSS.  În același timp, se obține o flexibilitate ridicată în designul site-ului și simplitate în scrierea acestuia.
În următorul tabel, ne uităm la etichetele de formatare a documentelor logice cu opțiuni de formatare implicite:
Etichetă
Descriere
ABBR
Folosit pentru a descrie o abreviere (un nume prescurtat care este citit cu litere).  Eticheta de închidere este necesară.  Exemplu: HTML
ACRONIM
Folosit pentru a descrie un acronim (un nume prescurtat care se citește ca un cuvânt).  Eticheta de închidere este necesară.  Exemplu: Universitatea
CITA
Folosit pentru citate (text italic implicit).  Proprietatea opțională TITLE specifică textul descrierii.  Eticheta de închidere este necesară.  Exemplu: și asta va trece...
COD
Folosit pentru a afișa fragmente de cod de program (font implicit monospațiu).  Proprietatea opțională TITLE specifică textul descrierii.  Eticheta de închidere este necesară.  Exemplu: var a = new Array();  .
DFN
Folosit pentru definiții, de exemplu pentru un termen care apare în text pentru prima dată (prestabilit este italic pentru prima linie și normal pentru restul).  Proprietatea opțională TITLE specifică textul descrierii.  Eticheta de închidere este necesară.  Exemplu: HTML este un limbaj de marcare hipertext.
E.M.
Folosit pentru a evidenția text (implicit este fontul italic, derivat din accentul englezesc).  Proprietatea opțională TITLE specifică textul descrierii.  Eticheta de închidere este necesară.  Exemplu: EM este folosit pentru deversare text.
KBD
Evidențierea textului introdus de utilizator de la tastatură (font monospațiu în mod implicit).  Eticheta de închidere este necesară.  Exemplu: intrat: o zi buna:) .
MĂMĂLIGĂ
Folosit pentru a evidenția exemple (implicit este fontul monospațiu).  Eticheta de închidere este necesară.  Exemplu: Exemplu.
PUTERNIC
Folosit pentru a evidenția text (îngroșat în mod implicit).  Eticheta de închidere este necesară.  Este o alternativă la eticheta de formatare fizică B.  Exemplu: text evidențiat îndrăzneţ.

VAR
Folosit pentru a evidenția variabilele dintr-un fragment de cod de program (cursiv în mod implicit).  Eticheta de închidere este necesară.  Exemplu: delta de precizie dublă.