Astăzi, vom continua luarea în considerare a diferitelor etichete, și anume fonturi, blockquote, pre, puternice, em, b, i și altele care ne permit să formatăm textul.

Blockquote și pre-formatare în HTML

Înainte (chiar înainte de CSS) citate etichete Blockquote. În codul HTML a fost utilizat destul de des, deoarece fragmentul de text închis în ea, a primit o liniuță orizontală care nu a fost atât de ușor de făcut la momentul datorită imposibilității utilizării proprietăților CSS. Elementul blockquote este o pereche și în interior, poate fi ambele etichete și bloc mici (de exemplu, paragrafele p).

Exemplu

Exemplu închis în blockquote

Acum, eticheta blockquote este încă utilizată la scrierea textului, dar apariția citatelor în timpul nostru este deja setată utilizând proprietățile CSS prescrise pentru acesta în fișier cu foile de stil din șablonul dvs. de design. De exemplu, în cazul blogului meu, în stil.css puteți găsi următoarele linii:

# Blockquoteckquote (marja: 15px 0 20px 0; padding: 5px 8px 5px 35px; fundal: # EAEDF0 URL (imagini / quote2.png) No-repetare partea stângă; poziția de fundal: 8px 5px; Culoare: # 666; Font- Dimensiune: 14px; Lățime: 91%; Font-Style: Italic;) # Blockquote P (culoarea: # 666, font-dimensiune: 14px;)

Ei bine, și cum se vor uita citatele închise în blockquote, puteți vedea în textul articolului cu un interviu cu capul.

În plus față de citatele din HTML mai devreme (înainte de apariția CSS), o altă etichetă formatată a fost foarte utilizată - Centru. Este o pereche (recipient particular) și bloc. Poate intra în orice element al textului (atât minuscule, cât și bloc), care va fi aliniat în centru ca urmare a acestui fapt.

Deci, acum să luăm în considerare eticheta Pre.care vă permite să transferați formatarea textului specificată direct în codul sursă. Amintiți-vă că am spus că toate alergarea într-un rând (spațiu, fila și transferul de linie) vor fi înlocuite cu un singur spațiu atunci când parsați codul din browser.

Deci, elementul este prețios interzice abrevierea caracterelor spațiale În textul textului care va fi încheiat în acesta. Ceea ce este demn de remarcat, pentru un fragment încheiat în Pre, browserul nu va transfera automat șirurile pe simbolurile spațiale.

Acestea. Toate liniile din interiorul elementului vor fi considerate un browser inseparabil - pe măsură ce ați scris în cod, acesta va fi afișat în browser. Mai mult decât atât, în browser pentru a afișa textul textului formatat utilizând TAG-ul, va fi utilizat un font de monosolină, cum ar fi curierul nou sau similar cu acesta.

Formatarea în codul sursă Teg PRE TAG-uri depășite

Teg pre-însăși este bloc, iar în interiorul acestuia (această pereche) poate fi încheiat doar un conținut minuscule (adică, în interior, nu ar trebui să fie plasat paragrafe P, anteturi H1 - H6 etc.).

HTML are o altă etichetă de bloc care este concepută pentru a forma adresa de text. În interiorul acestei etichete pot fi amplasate în conformitate cu standardele validatorului, doar un conținut minuscule care va fi afișat în italica de browser.

Font - Lucrați cu font de culoare și text în HTML curat

Etichete puternice, EM - ale secrețiilor logice și vizuale din text

Dacă CSS nu exista acum, atunci ar trebui să descriu numirea anumitor etichete logice și fizice (vizuale) text. Dar, pentru că CSS este acum folosit pe majoritatea covârșitoare a site-urilor, rolul unor astfel de etichete în codul HTML este deja practic redus la zero, așa că mă duc să le beau și să explic de ce au fost folosite înainte (și unele sunt folosite acum).

Etichetele vizuale sunt concepute pentru a schimba designul textului, care va fi văzut de vizitatorii site-ului dvs., dar care nu ar trebui să aibă o atenție deosebită motoarelor de căutare.

Etichetele logice ale formatării textului, în teorie, sunt orientate pentru a indica orice accente motoarele de căutare. Pentru utilizator, selecția acestor elemente va schimba, de asemenea, apariția cuvintelor evidențiate.

Dacă vă amintiți, nu a fost atât de mult timp în urmă, optimizatorii au sfătuit să aloce locații semnificative cu cuvinte cheie (după cum este necesar pentru alocarea) etichetelor de formatare logică a puternică și EM, care va arăta ca un utilizator cu caractere aldine și italic.

Dar pentru evidențierea fără cuvinte cheie, sa sfătuit să folosească elementele HTML "B" și "I", care pentru utilizatori ar arăta prea mult ca alocarea de grăsimi și italice, dar nu luate în considerare de motoarele de căutare, deoarece Ele nu sunt etichete de formatare logică.

Acum, toate acestea nu funcționează la fel de mult cum am crezut și alocarea cuvintelor cheie cu ajutorul puternic și EM facem mai degrabă ca un obicei, mai degrabă decât să sperăm pentru anumite dividende pentru acest lucru de către motoarele de căutare.

Deci, în afară de cele deja menționate "B" și "I" (evidențierea cu caractere aldine și italice) la categorie formatare vizuală Puteți atribui fontului, pre, pre, precum și etichetelor deja luate în considerare la începutul articolului:

1. "U" - evidențiază sublinierea
2. "Strike" - Lista
3. "SUP" - indicele superior
4. "Sub" - indice mai mic
5. "TT" - font cu o singură dimensiune
6. "Big" - Creșteți fontul
7. "Mici" - reduceți fontul

Ei bine, acum să ne uităm la lista de articole formatare logică Text:

1. "Em" - alocarea logică a fragmentelor importante în italică
2. "Puternic" este același, dar numai pentru a ieși, va fi grasă
3. "Cite" - alocarea citatelor în italice
4. "Cod" - conceput pentru a afișa o varietate de coduri de către Monosine Phon
5. "Samp" - pentru a evidenția mai multe simboluri de către Monosine Font
6. "ABBR" - În atributul de titlu al acestei etichete, este scris pentru a decripta orice abreviere (tip, css sau html, care sunt citite de spelled, și nu ca un singur cuvânt). Cuvintele prescrise în titlu vor apărea atunci când rezumați cursorul mouse-ului la această abreviere.
7. "Acronimul" este același, dar folosit pentru acronime, adică Abrevieri care nu sunt citite de scrisori, ci ca un cuvânt (de exemplu, MKAD sau Poliția de trafic)
8. "KBD" - folosit pentru a afișa fontul de text monoshyy introdus de utilizatorul site-ului de pe tastatură
9. "Var" - folosit pentru a selecta variabilele în orice cod
10. "DEL" - alocarea de trecere atunci când este necesară pentru a arăta că un fel de fragment a fost eliminat după publicarea documentului HTML
11. "INS" - evidențierea sublinierului atunci când este necesar să se arate că s-a introdus o piesă după publicarea documentului HTML

Încă o dată, repet că datele de formatare a etichetelor în majoritatea lor sunt foarte rar găsite atunci când scrieți codul acum, dar totuși numirea lor nu va fi superfluă.

Multă baftă! La întâlnirile ambigue pe site-ul web al blogului

S-ar putea să fiți interesat

Blind simboluri și codul de formatare în HTML, precum și spații speciale de măturat și alte mnemonice
Deoarece culorile sunt setate în codul HTML și CSS, selecția nuanțelor RGB în tabele, emiterea de programe Yandex și alte programe Selectați, Opțiune, Textare, Etichetă, FieldSet, Legend - HTML Tags Formulare de liste de drop-down și câmp de text
Listele din codul HTML - UL, OL, Li și DL etichete
Cum se creează un hyperlink (a, href, goală țintă), cum să îl deschideți într-o fereastră nouă de pe site, precum și faceți o legătură de imagine în codul HTML
Tabele în tabelul HTML - Tags, TR și TD, precum și Colspan, CellPadding, CellSpacing și Rowspan pentru a le crea
Etichete și atribute ale antetelor H1-H6, linia orizontală HR, briefing RR și paragraful P conform HTML 4.01
Care este limba HTML HyperText Markup și cum se poate vedea lista tuturor etichetelor din validatorul W3C
Tag-ul IMG - HTML pentru introducerea imaginilor (SRC), alinierea și raționalizarea acestuia cu text (align), precum și sarcini de fundal (fundal)
Comentarii și directive DOCTYPE în codul HTML, precum și conceptul de elemente de bloc și litere mici (etichete)

Element

Acum știți că puteți controla dimensiunea textului afișat pe ecran folosind etichete. și . Și cum poate un programator să schimbe alți parametri de fonturi? Pentru aceasta, există o directivă .

După cum se știe, dimensiunea fontului din standardul HTML este indicată de elemente condiționate, și sunt deja șapte. Cu toate acestea, nu toate browserele înțeleg termenul în mod egal. De exemplu, atunci când afișați un document în Microsoft Internet Explorer, toate dimensiunile fonturilor sunt diferite, cu excepția articolelor 2 și 3 - ele sunt afișate de fontul unei înălțimi, care este egală cu valoarea implicită și depinde de utilizator setările browserului. În Netscape Navigator, este absolut același lucru pentru a afișa elementele 4 și 5, precum și B și 7, sunt mai mari decât punctul 3, care este o dimensiune normală a fontului.

Notă Trebuie să vă amintiți că unele browsere, cum ar fi Microsoft Internexplorer, vă permit să configurați parametrii de text afișați de sovietul de documente HTML prin modificarea dimensiunii fontului substituit cu interpretul de browser implicit. Aceasta înseamnă că parametrii elementului Precum și alte etichete care controlează dimensiunea fontului pot varia în funcție de setările utilizatorului. Din același motiv, efectul unui aspect al paginii este optimizat pentru vizualizarea în browser cu setări standard. Puteți evita acest lucru prin încheierea tuturor elementelor de documente dintr-un tabel invizibil cu o lățime fixă \u200b\u200bspecificată în pixeli.

În forma generală de sintaxă de înregistrare a etichetelor după cum urmează:

text

Valoarea atributului feței este numele fontului pe care intenționați să îl utilizați pentru a afișa textul închis în etichete . Dacă, de exemplu, în loc de parametrul "valoare!" În exemplul de mai sus, veți înlocui "aria" marcate cu o etichetă Textul va fi afișat de acest font.

Atenție Amintiți-vă că un set de fonturi instalate pe vizitele computerelor - "Lei site-ul dvs. poate fi diferit și dacă specificați în eticheta atributelor feței Fontul care lipsește în sistemul de utilizatori, textul monitorului său va deveni necitit. Pentru a evita erorile atunci când afișați text în browserele utilizatorului final, utilizați instrucțiuni numai pe fonturile standard disponibile ca parte a majorității browserelor: Arial și New Times Roman. Și este mai bine să reduceți acest atribut, permițând browserului să înlocuiască atunci când interpretează codul, fontul utilizat în mod implicit.

Atributul de dimensiune indică dimensiunea fontului pe care trebuie să o afișeze textul. Parametrul acestui atribut indicat în exemplul nostru ca "valoare2" poate fi descris fie o valoare absolută sau relativă. Valoarea absolută implică utilizarea ca parametru al unui număr întreg în intervalul de la 1 la 6, indicând înălțimea fontului în puncte. Valoarea relativă notată de un număr întreg cu un semn plus sau minus (de exemplu, +2 sau -1) este numărul de elemente care se adaugă sau se îndepărtează de la dimensiunea fontului utilizat de browserul implicit. Deci, înregistrarea Aceasta sugerează că dimensiunea textului marcat de o astfel de etichetă va fi un punct mai mare decât textul obișnuit al documentului.

În loc de valoarea atributului de culoare, fie codul digital al culorii dorit este substituit, fie eticheta simbolică indică această culoare.

Evident, când utilizați eticheta Oricare dintre atributele sale poate fi omisă. Un exemplu de scriere a unei astfel de comenzi poate fi următoarea linie de cod HTML:

extras text

Atenție amintiți-vă că unele browsere de versiuni vechi nu susțin directiva . Printre acestea se numără un browser text pentru Forma de compatiblement UNIX, care se numește Lynx.