Indexul în raport cu textul este compensarea caracterelor de la linia de bază în sus sau în jos. În funcție de valoarea de compensare pozitivă sau negativă, indicele este denumit sus, respectiv jos. Ele sunt utilizate în mod activ în matematică, fizică, chimie și pentru a desemna unități de măsură. HTML oferă două elemente pentru crearea unui index: (din engleză superscript) - superscript și (din engleză subscript) - subscript. Textul plasat într-unul dintre aceste containere este notat mai mica decât textul de bază și este deplasat în sus sau în jos față de acesta. Exemplul 1 arată partajare elementele și stilurile specificate pentru a schimba aspectul textului.
Exemplul 1. Creați superscript și subscript
Ecuația caracteristică a unei suprafețe de gradul al doilea
λ 3- Eu 1λ 2+ Eu 2λ - Eu 3 = 0
Exemplul conține în același timp atât indice, cât și superindice. Pentru a modifica stilul de font al indexului, se aplică stiluri setului respectiv design uniform(fig. 1).
Orez. 1. Vizualizarea indexurilor după aplicarea stilurilor
Puteți refuza complet utilizarea și în favoarea stilurilor. Un analog al acestor elemente este proprietate vertical-align, forțând textul să se deplaseze vertical cu distanța specificată. Mai exact, Exemplul 2 folosește 0.8em pentru supercript și -0.5em pentru subscript ca valoare. Em este o unitate relativă egală cu dimensiunea fontului curent. De exemplu, 0.5em înseamnă că textul ar trebui să fie deplasat la jumătate din dimensiunea fontului.
Exemplul 2. Utilizarea stilurilor pentru gestionarea indexurilor
Polinom de grad n
f (x) = a 0+ a 1 x + ... + a n-1 X n-1+ a n X n
În exemplu, formula în sine este afișată într-o dimensiune mărită, caracterele supercript sunt setate în roșu, iar cele inferioare - în albastru (Fig. 2).
Etichete HTML și - Text de subindice și superindice
Definiție și utilizare
Etichetă definește textul indicelui. Indicele este la jumătate din înălțime și apare sub linia de bază. Indiceul poate fi utilizat atunci când scrieți formule chimice precum H 2 O.
Etichetă definește textul cu superscript. Textul cu indicativ este la jumătate din înălțime și apare deasupra liniei de bază. Superscriptul poate fi utilizat atunci când scrieți note de subsol precum WWW.
Suport pentru browser
Etichete: și acceptat de toate browserele majore.
Diferențe între HTML și XHTML
Atribute standard
Coloană DTD specifică în ce tip de document HTML 4.01 / XHTML 1.0 DTD este permis atributul. S = strict, T = tranzitoriu și F = set de cadre.
Etichete: și acceptă următoarele atribute standard:
| Atribut | Sens | Descriere | DTD |
|---|---|---|---|
| clasă | numele clasei | Specifică numele clasei pentru un element | STF |
| dir | rtl ltr |
Specifică direcția textului pentru conținutul unui element | STF |
| id | identificator | Specifică un identificator unic pentru un articol | STF |
| lang | language_code | Specifică codul de limbă pentru conținutul unui element | STF |
| stil | stil_definitie | Specifică un stil în linie pentru un element | STF |
| titlu | text | Indică Informații suplimentare despre articol | STF |
| xml: lang | language_code | Definește codul de limbă pentru conținutul elementului în documentele XHTML | STF |
Aflați mai multe despre atributele standard.
Atribute eveniment
Etichete: și acceptă următoarele atribute de eveniment:
| Atribut | Sens | Descriere | DTD |
|---|---|---|---|
| onclick | scenariu | Script cu clic pe mouse | STF |
| ondblclick | scenariu | Script dublu clic | STF |
| onmousedown | scenariu | Script pentru a rula cu un clic de mouse | STF |
| onmousemove | scenariu | Script pentru a rula când cursorul mouse-ului este mutat | STF |
| onmouseout | scenariu | Script pentru a rula când mouse-ul se deplasează în afara elementului | STF |
| onmouseover | scenariu | Script pentru a rula atunci când indicatorul mouse-ului se deplasează peste un element | STF |
| onmouseup | scenariu | Script pentru a rula când butonul mouse-ului este eliberat | STF |
| onkeydown | scenariu | Script pentru a rula la apăsarea unei taste | STF |
| onkeypress | scenariu | Script pentru a rula când o tastă este apăsată și apoi eliberată | STF |
| onkeyup | scenariu | Script pentru a rula la eliberarea unei chei | STF |
Informații suplimentare despre
Buna ziua. Uneori, atunci când creați pagini web, este necesar să setați câteva cuvinte cu folosind css majuscule sau poziția supercript. Să vedem cum se face acest lucru.
Majuscule și minuscule cu css
În general, chiar și astăzi, puteți include textul dorit în etichete și obțineți afișajul dorit, dar să vedem și cum se poate face acest lucru cu css, deoarece tehnica este ușor diferită.
De exemplu, trebuie să scrieți formula H 2 O într-un document html. Acest lucru se face astfel:
- Formula în sine este scrisă
- Acele cuvinte și numere care trebuie să fie afișate în supercript sau subscript sunt incluse într-o etichetă span, căreia trebuie să i se atribuie o clasă. De exemplu: caractere care trebuie scoase
- În CSS, trebuie să setați acest element:
Top-index (
Vertical-align: super;
}
Această proprietate este responsabilă pentru alinierea verticală a textului. Valoarea superă a acesteia specifică faptul că textul este afișat ca indicativ. Dar dimensiunea fontului a rămas aceeași ca și pentru textul obișnuit. Pentru ca lucrurile să arate mai frumos, trebuie, de asemenea, să setați dimensiunea fontului puțin mai mică utilizând proprietatea font-size.
Așa funcționează pur și simplu proprietatea. În consecință, pentru a afișa în indice, trebuie să scrieți astfel:
Top-index (
Vertical-align: sub;
}
Diferența față de etichetele HTML similare este că aceste reguli nu modifică dimensiunea fontului, deci dacă trebuie să faceți acest lucru, va trebui să vă înregistrați dimensiune nouăîn foaia de stil.
Asta este tot ce trebuie să știți despre superscript și subscript în css. Proprietatea nu oferă oportunități suplimentare și nici ele nu sunt necesare. Dacă doriți, puteți personaliza cumva acest text, dar acest lucru este rar necesar.
Unde poate fi util
Textul cu index și subindice poate fi utilizat atunci când scrieți formule, adăugați note și semne la articole. De exemplu, Wikipedia listează surse și note pentru fiecare articol. Pe parcursul articolului, acestea sunt plasate sub formă de mici indicatoare. Acest lucru nu irită cititorii și, în același timp, vă permite să dați articolelor aspectul dorit.
Proprietatea este complet încrucișată și acceptată în toate versiunile CSS.
CSS permite personalizarea flexibilă a textului care este prezentat utilizând limbajul HMTL. Astăzi ne vom uita la efectul proprietății „text-transform”, care face posibilă schimbarea majusculelor unui font. Această opțiune este acceptată de toți browsere moderneși este inclus în specificația tuturor versiunilor CSS.
Programare
Proprietatea „transformare text” poate lua trei valori principale și două suplimentare. De exemplu, puteți atribui majuscule textului selectat. Sau puteți da o comandă opusului proprietății anterioare, unde toate caracterele devin mici. Puteți face o programare folosind orice metodă convenabilă pentru dvs. De exemplu, folosind stiluri în linie. Sau poți crea
Un fișier separat cu o descriere a tuturor proprietăților. Ce mod de atribuire să utilizați depinde de dvs. „Transformare text” poate lua următoarele valori:
- Majuscule. Cu majusculă toate caracterele selectate. Majusculele sunt comune în CSS, deoarece această valoare poate ajuta la rezolvarea multor probleme complexe legate de text.
- Minuscule. Această proprietate este complet opusă comenzii majuscule.
- Valorifica. Schimbă majusculele cu majusculele. Restul personajelor nu se vor schimba.
- Nici unul. Vă permite să renunțați la toate valorile atribuite (necesare pentru predefinirea unei proprietăți). De obicei, această valoare este setată implicit.
- Moşteni. Moștenește toate proprietățile de la element părinte... Trebuie remarcat faptul că IE nu acceptă această proprietate.
Cerere
CU folosind CSS majuscule (sau efecte similare) sunt setate cu o singură comandă simplă. Prin urmare, nu este nevoie să modificați sau să rescrieți întregul text. Dacă vorbim despre un site cu o singură pagină, este posibil ca această proprietate să nu fie utilă. Dar când controlați un portal imens în care trebuie să corectați majusculele literelor din anumite fragmente, atunci „text-transform” devine singurul remediu eficient... De exemplu, trebuie să remediați fontul în etichetele de titlu „h2”. Pentru a face acest lucru, adăugați intrarea: "h2 (text-transformare: majusculă;)", iar apoi toate titlurile de nivel secundar vor fi majuscule.
Particularități
Unii ar putea crede că manipularea manuală a textului și modificarea fontului folosind proprietatea „text-transform” nu face nicio diferență. Dar nu este cazul. Dacă îl schimbați manual în majuscule (majuscule), atunci când copiați aceste informații de pe site-ul dvs., caracterele vor rămâne neschimbate. Dacă utilizați CSS, lucrurile stau altfel. Proprietatea „text-transform” modifică vizual fontul doar pentru utilizatori. Dar, în realitate, simbolurile rămân neschimbate. Acest lucru se întâmplă cu toate valorile pentru această proprietate. Informațiile copiate (text) vor avea registrul original, care este utilizat în cod sursa pagini. Aceasta este singura diferență între procesarea manuală și utilizarea comenzilor CSS.
Nu contează pe care doriți să o utilizați - litere mici sau mici, principalul lucru este să nu uitați scopul. De exemplu, dacă aveți nevoie doar de modificări în scopuri decorative, atunci puteți utiliza în siguranță proprietatea „text-transform”. Ei bine, dacă știți că utilizatorii dvs. vor copia probabil informațiile pe care le-ați postat, atunci cel mai bine este să schimbați manual majusculele și minusculele. Într-adevăr, uneori cititorii nu observă o astfel de modificare a fontului. Acest lucru este deosebit de important atunci când vine vorba de documente importante și informații similare.
În ultimul tutorial video, am învățat cum să eliminăm și să adăugăm informație nouă v versiune noua Document HTML, în timp ce îl raportați motoare de căutareși evidențierea vizuală, astfel încât vizitatorii să poată vedea și schimbările. Pentru aceasta, am folosit etichetele del și ins.
În acest tutorial video, continuăm subiectul formatării textului într-un document HTML. Vom arunca o privire asupra a două etichete HTML care indică superscriptul și subscriptul textului.
Eticheta de suport HTML este supercriptul textului în HTML.
Etichetă HTML este pentru specificarea superscriptului textului în HTML. În unele subiecte ale site-ului, această etichetă va fi pur și simplu de neînlocuit. De exemplu, dacă aveți sau planificați un site asociat cu orice formulă, matematică sau chimică. Sau, dacă există un șantier, atunci eticheta va fi foarte util și vă va ajuta la proiectarea articolelor, atunci când scrieți formule sau orice cantități, de exemplu, metri pătrați în subiectul construcției.
Dar dacă site-ul dvs. nu aparține subiectelor listate, acest lucru nu înseamnă că eticheta nu va veni la îndemână. Este suficient să arăți imaginație și ingeniozitate și să găsești o aplicație pentru acest element.
Subetichetă HTML - indicele textului în HTML.
În ceea ce privește eticheta HTML atunci este opusul etichetei și este responsabil pentru specificarea indicelui textului. Indicele textului poate fi utilizat la scrierea formulelor sau ecuațiilor matematice. În afară de aceasta, este posibil să găsiți alte utilizări pentru etichetă. .
Următoarea lecție video este dedicată altor două etichete, care în unele situații pot fi pur și simplu de neînlocuit. Mai mult decât atât, sunt capabili nu numai să formateze text, de exemplu, într-un articol, ci și atunci când specifică diverse informații pe site în timpul aspectului paginii. Una dintre etichete se înfășoară în HTML, iar cealaltă trasează o linie orizontală.
